diff --git a/.gitignore b/.gitignore
index f2809b3..bc9551b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 /writable
+/vendor
diff --git a/app/Views/client_form.php b/app/Views/client_form.php
index 6689cd3..6560140 100644
--- a/app/Views/client_form.php
+++ b/app/Views/client_form.php
@@ -31,7 +31,7 @@
                         </div>
                         <div class="form-group col-md-4">
                             <label for="inputAddress" class="col-form-label">Mobile</label>
-                            <input type="text" class="form-control" name="mobile" placeholder="Mobile" value="<?= isset($client['mobile_no']) ? $client['mobile_no'] : '' ?>" required maxlength="10" minlength="10">
+                            <input type="text" class="form-control" name="mobile" placeholder="Mobile" value="<?= isset($client['mobile_no']) ? $client['mobile_no'] : '' ?>" maxlength="10" minlength="10" onkeypress = "return onlyNumbers(event)" required/>
                         </div>
                        
                        
@@ -57,7 +57,7 @@
                             </div>
                             <div class="form-group col-md-4">
                                 <label for="inputPassword4" class="col-form-label">Pin Code</label>
-                                <input type="text" class="form-control" name="postalcode" placeholder="Postal Code"value="<?= isset($client['postal_code']) ? $client['postal_code'] : '' ?>"  maxlength="6" minlength="6">
+                                <input type="text" class="form-control" name="postalcode" placeholder="Pin Code"value="<?= isset($client['postal_code']) ? $client['postal_code'] : '' ?>"  maxlength="6" minlength="6">
                             </div>
                             
                         </div>
@@ -68,4 +68,12 @@
     </div>
 
 <?php include('layout/footer.php'); ?>
-</div>
\ No newline at end of file
+</div>
+<script>
+    function onlyNumbers(event){
+        var charcode;
+        charcode = event.which || event.keyCode;
+        if(charcode>= 48 && charcode <= 57)return true;
+        return false;
+    }
+</script>
\ No newline at end of file
diff --git a/app/Views/layout/footer.php b/app/Views/layout/footer.php
index 6dda8d7..7038308 100644
--- a/app/Views/layout/footer.php
+++ b/app/Views/layout/footer.php
@@ -37,14 +37,14 @@
 <!-- Right bar overlay-->
 <div class="rightbar-overlay"></div>
 
-<!-- Vendor js -->
-<script src="<?php echo base_url(); ?>/assets/js/vendor.min.js"></script>
-
-<!-- App js -->
-<script src="<?php echo base_url(); ?>/assets/js/app.min.js"></script>
-
-
         <!-- Vendor js -->
+        <script src="<?php echo base_url(); ?>/assets/js/vendor.min.js"></script>
+
+        <!-- App js -->
+        <script src="<?php echo base_url(); ?>/assets/js/app.min.js"></script>
+
+
+   
        
 
         <!-- third party js -->
@@ -66,8 +66,7 @@
         <!-- Datatables init -->
         <script src="<?php echo base_url(); ?>/assets/js/pages/datatables.init.js"></script>
 
-        <!-- App js -->
-        <script src="<?php echo base_url(); ?>/assets/js/app.min.js"></script>
+       
         
 </body>
 </html>
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index e9bf007..c7806c0 100644
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -177,15 +177,13 @@
                                     </a>
                                     <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
                                         <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
+                                      
     
                                         <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
+                                        <!-- <a href="<?= "new_user/" . session()->get("logged_user"); ?>" class="dropdown-item notify-item">
                                             <i class="ri-account-circle-line"></i>
                                             <span>My Account</span>
-                                        </a>
+                                        </a> -->
 
                                       
                                         <div class="dropdown-divider"></div>
diff --git a/app/Views/sales_order_form.php b/app/Views/sales_order_form.php
index 6ecf2c2..b992091 100644
--- a/app/Views/sales_order_form.php
+++ b/app/Views/sales_order_form.php
@@ -25,12 +25,12 @@
                     <div class="form-row">
                         <div class="form-group col-md-6">
                             <label for="inputEmail4" class="col-form-label">Client Name</label>
-                            <select class="form-control cleint-select" name="client_id" required data-toggle="select2" >
+                            <select class="form-control cleint-select SelExample" name="client_id" required id="SelExample" >
                         <option value="">Select a Client</option>
                         <?php foreach ($client as $value) : ?>
                             <?php if ((int)$value["isactive"] === 1) : ?>
                                 <option value="<?= $value["client_id"] ?>" <?= isset($sales['client_id']) && $sales['client_id'] == $value["client_id"] ? 'selected' : '' ?>>
-                                    <?= $value["client_name"]; ?>
+                                    <?= $value["mobile_no"].' - '.$value["client_name"]; ?>
                                 </option>
                             <?php endif; ?>
                         <?php endforeach; ?>
@@ -65,8 +65,8 @@
                             <input type="text" class="form-control" name="state" placeholder="State"value="<?= isset($sales['billing_state']) ? $sales['billing_state'] : '' ?>" >
                         </div>
                         <div class="form-group col-md-6">
-                            <label for="inputPassword4" class="col-form-label">Postal Code</label>
-                            <input type="text" class="form-control" name="postalcode" placeholder="Postal Code"value="<?= isset($sales['billing_postal_code']) ? $sales['billing_postal_code'] : '' ?>"  maxlength="6" minlength="6">
+                            <label for="inputPassword4" class="col-form-label">Pin Code</label>
+                            <input type="text" class="form-control" name="postalcode" placeholder="Pin Code"value="<?= isset($sales['billing_postal_code']) ? $sales['billing_postal_code'] : '' ?>"  maxlength="6" minlength="6">
                         </div>
                         <div class="form-group col-md-6">
                             <label for="inputPassword4" class="col-form-label">Country</label>
@@ -104,7 +104,7 @@
             if ($salechild['isactive'] == 1) : ?>
             <tr>
                 <td>
-                    <select class="form-control book-select" name="item_details[]" required data-toggle="select2" style="width: 249px !important;">
+                    <select class="form-control book-select " name="item_details[]" required data-toggle="select2" id="" style="width: 249px !important;">
                         <option value="">Select a Product</option>
                         <?php foreach ($product as $value) : ?>
                             <?php if ((int)$value["isactive"] === 1) : ?>
@@ -425,4 +425,30 @@ $(document).ready(function() {
 <script>
     // Define the clients array and populate it with data
     var clients = <?php echo json_encode($client); ?>;
-</script>
\ No newline at end of file
+</script>
+
+<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
+
+<script>
+$(document).ready(function(){
+ // Initialize select2
+ $(".SelExample").select2();
+ $(".SelExample").select2("val", "4");
+});
+</script>    
+<style>
+    .select2-container--default .select2-results__option--highlighted[aria-selected]{
+        color:#ffffff;
+    }
+    .select2-container .select2-selection--single{
+        height: 36px;
+        border:1px solid #ced4da;
+    }
+    .select2-container--default .select2-selection--single .select2-selection__rendered{
+        line-height: 36px;
+    }
+    .select2-container--default .select2-selection--single .select2-selection__arrow{
+        top:4px;
+    }
+</style>    
\ No newline at end of file
diff --git a/public/modern/apps-calendar.html b/public/modern/apps-calendar.html
deleted file mode 100644
index 8cd186f..0000000
--- a/public/modern/apps-calendar.html
+++ /dev/null
@@ -1,1811 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Calendar | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Plugin css -->
-        <link href="../assets/libs/@fullcalendar/core/main.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/@fullcalendar/daygrid/main.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/@fullcalendar/bootstrap/main.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/@fullcalendar/timegrid/main.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/@fullcalendar/list/main.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Calendar</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Apps</a></li>
-                                            <li class="breadcrumb-item active">Calendar</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-lg-3">
-                                                <button class="btn btn-lg font-16 btn-primary btn-block" id="btn-new-event"><i class="mdi mdi-plus-circle-outline"></i> Create New Event</button>
-                                                <div id="external-events" class="m-t-20">
-                                                    <br>
-                                                    <p class="text-muted">Drag and drop your event or click in the calendar</p>
-                                                    <div class="external-event bg-success" data-class="bg-success">
-                                                        <i class="mdi mdi-checkbox-blank-circle mr-2 vertical-middle"></i>New Theme Release
-                                                    </div>
-                                                    <div class="external-event bg-info" data-class="bg-info">
-                                                        <i class="mdi mdi-checkbox-blank-circle mr-2 vertical-middle"></i>My Event
-                                                    </div>
-                                                    <div class="external-event bg-warning" data-class="bg-warning">
-                                                        <i class="mdi mdi-checkbox-blank-circle mr-2 vertical-middle"></i>Meet manager
-                                                    </div>
-                                                    <div class="external-event bg-danger" data-class="bg-danger">
-                                                        <i class="mdi mdi-checkbox-blank-circle mr-2 vertical-middle"></i>Create New theme
-                                                    </div>
-                                                </div>
-
-
-                                                <div class="mt-5 d-none d-xl-block">
-                                                    <h5 class="text-center">How It Works ?</h5>
-    
-                                                    <ul class="pl-3">
-                                                        <li class="text-muted mb-3">
-                                                            It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
-                                                        </li>
-                                                        <li class="text-muted mb-3">
-                                                            Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage.
-                                                        </li>
-                                                        <li class="text-muted mb-3">
-                                                            It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
-                                                        </li>
-                                                    </ul>
-                                                </div>
-    
-                                            </div> <!-- end col-->
-
-                                            <div class="col-lg-9">
-                                                <div class="mt-4 mt-lg-0">
-                                                    <div id="calendar"></div>
-                                                </div>
-                                            </div> <!-- end col -->
-
-                                        </div>  <!-- end row -->
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-
-                                <!-- Add New Event MODAL -->
-                                <div class="modal fade" id="event-modal" tabindex="-1">
-                                    <div class="modal-dialog">
-                                        <div class="modal-content">
-                                            <div class="modal-header py-3 px-4 border-bottom-0 d-block">
-                                                <button type="button" class="close" data-dismiss="modal"
-                                                    aria-hidden="true">&times;</button>
-                                                <h5 class="modal-title" id="modal-title">Event</h5>
-                                            </div>
-                                            <div class="modal-body px-4 pb-4 pt-0">
-                                                <form class="needs-validation" name="event-form" id="form-event" novalidate>
-                                                    <div class="row">
-                                                        <div class="col-12">
-                                                            <div class="form-group">
-                                                                <label class="control-label">Event Name</label>
-                                                                <input class="form-control" placeholder="Insert Event Name"
-                                                                    type="text" name="title" id="event-title" required />
-                                                                <div class="invalid-feedback">Please provide a valid event name</div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="col-12">
-                                                            <div class="form-group">
-                                                                <label class="control-label">Category</label>
-                                                                <select class="form-control custom-select" name="category"
-                                                                    id="event-category" required>
-                                                                    <option value="bg-danger" selected>Danger</option>
-                                                                    <option value="bg-success">Success</option>
-                                                                    <option value="bg-primary">Primary</option>
-                                                                    <option value="bg-info">Info</option>
-                                                                    <option value="bg-dark">Dark</option>
-                                                                    <option value="bg-warning">Warning</option>
-                                                                </select>
-                                                                <div class="invalid-feedback">Please select a valid event category</div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="row mt-2">
-                                                        <div class="col-6">
-                                                            <button type="button" class="btn btn-danger" id="btn-delete-event">Delete</button>
-                                                        </div>
-                                                        <div class="col-6 text-right">
-                                                            <button type="button" class="btn btn-light mr-1" data-dismiss="modal">Close</button>
-                                                            <button type="submit" class="btn btn-success" id="btn-save-event">Save</button>
-                                                        </div>
-                                                    </div>
-                                                </form>
-                                            </div>
-                                        </div> <!-- end modal-content-->
-                                    </div> <!-- end modal dialog-->
-                                </div>
-                                <!-- end modal-->
-                            </div>
-                            <!-- end col-12 -->
-                        </div> <!-- end row -->
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- plugin js -->
-        <script src="../assets/libs/moment/min/moment.min.js"></script>
-        <script src="../assets/libs/@fullcalendar/core/main.min.js"></script>
-        <script src="../assets/libs/@fullcalendar/bootstrap/main.min.js"></script>
-        <script src="../assets/libs/@fullcalendar/daygrid/main.min.js"></script>
-        <script src="../assets/libs/@fullcalendar/timegrid/main.min.js"></script>
-        <script src="../assets/libs/@fullcalendar/list/main.min.js"></script>
-        <script src="../assets/libs/@fullcalendar/interaction/main.min.js"></script>
-
-        <!-- Calendar init -->
-        <script src="../assets/js/pages/calendar.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/apps-chat.html b/public/modern/apps-chat.html
deleted file mode 100644
index da24999..0000000
--- a/public/modern/apps-chat.html
+++ /dev/null
@@ -1,1330 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Chat | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-
-
-
-<!-- **************************************************************** -->
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Chat</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Apps</a></li>
-                                            <li class="breadcrumb-item active">Chat</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                        </div>
-                        
-                    </div> <!-- container -->
-<!-- **************************************************************** -->
-
-
-
-
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/apps-companies.html b/public/modern/apps-companies.html
deleted file mode 100644
index 3ce397d..0000000
--- a/public/modern/apps-companies.html
+++ /dev/null
@@ -1,2188 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Companies | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Companies</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Apps</a></li>
-                                            <li class="breadcrumb-item active">Companies</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-lg-8">
-                                                <form class="form-inline">
-                                                    <div class="form-group">
-                                                        <label for="inputPassword2" class="sr-only">Search</label>
-                                                        <input type="search" class="form-control" id="inputPassword2" placeholder="Search...">
-                                                    </div>
-                                                    <div class="form-group mx-sm-3">
-                                                        <label for="status-select" class="mr-2">Sort By</label>
-                                                        <select class="custom-select" id="status-select">
-                                                            <option>Select</option>
-                                                            <option>Date</option>
-                                                            <option selected>Name</option>
-                                                            <option>Revenue</option>
-                                                            <option>Employees</option>
-                                                        </select>
-                                                    </div>
-                                                </form>
-                                            </div>
-                                            <div class="col-xl-4 col-sm-6">
-                                                <div class="text-lg-right mt-3 mt-lg-0">
-                                                    <button type="button" class="btn btn-success waves-effect waves-light mr-1"><i class="mdi mdi-cog"></i></button>
-                                                    <button type="button" class="btn btn-danger waves-effect waves-light mr-1"><i class="mdi mdi-plus-circle mr-1"></i> Add New</button>
-                                                </div>
-                                            </div><!-- end col-->
-                                        </div> <!-- end row -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row -->  
-
-                        <div class="row">
-                            
-                            <div class="col-xl-4 col-sm-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded-circle">
-                                                    <img src="../assets/images/companies/airbnb.png" alt="logo" class="avatar-sm rounded-circle">
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h4 class="my-1"><a href="javascript:void(0);" class="text-dark">Airbnb Inc.</a></h4>
-                                                <p class="text-muted text-truncate mb-0">
-                                                    <i class="ri-map-pin-line align-bottom mr-1"></i> San Francisco, California
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Revenue (USD)</p>
-                                                        <h5 class="mb-sm-0">260 cr</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Number of employees</p>
-                                                        <h5 class="mb-sm-0">3.1k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-xl-4 col-sm-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded-circle">
-                                                    <img src="../assets/images/companies/apple.png" alt="logo" class="avatar-sm rounded-circle">
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h4 class="my-1"><a href="javascript:void(0);" class="text-dark">Apple Inc.</a></h4>
-                                                <p class="text-muted text-truncate mb-0">
-                                                    <i class="ri-map-pin-line align-bottom mr-1"></i> Cupertino, California
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Revenue (USD)</p>
-                                                        <h5 class="mb-sm-0">22,923.4 cr</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Number of employees</p>
-                                                        <h5 class="mb-sm-0">47k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-xl-4 col-sm-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded-circle">
-                                                    <img src="../assets/images/companies/google.png" alt="logo" class="avatar-sm rounded-circle">
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h4 class="my-1"><a href="javascript:void(0);" class="text-dark">Google LLC</a></h4>
-                                                <p class="text-muted text-truncate mb-0">
-                                                    <i class="ri-map-pin-line align-bottom mr-1"></i> Menlo Park, California
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Revenue (USD)</p>
-                                                        <h5 class="mb-sm-0">110 bn</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Number of employees</p>
-                                                        <h5 class="mb-sm-0">72k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            
-                            <div class="col-xl-4 col-sm-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded-circle">
-                                                    <img src="../assets/images/companies/amazon.png" alt="logo" class="avatar-sm rounded-circle">
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h4 class="my-1"><a href="javascript:void(0);" class="text-dark">Amazon Inc.</a></h4>
-                                                <p class="text-muted text-truncate mb-0">
-                                                    <i class="ri-map-pin-line align-bottom mr-1"></i> Seattle, Washington
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Revenue (USD)</p>
-                                                        <h5 class="mb-sm-0">17,786 cr</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Number of employees</p>
-                                                        <h5 class="mb-sm-0">566k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-xl-4 col-sm-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded-circle">
-                                                    <img src="../assets/images/companies/facebook.png" alt="logo" class="avatar-sm rounded-circle">
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h4 class="my-1"><a href="javascript:void(0);" class="text-dark">Facebook Inc.</a></h4>
-                                                <p class="text-muted text-truncate mb-0">
-                                                    <i class="ri-map-pin-line align-bottom mr-1"></i> Cambridge, Massachusetts
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Revenue (USD)</p>
-                                                        <h5 class="mb-sm-0">9.16 bn</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Number of employees</p>
-                                                        <h5 class="mb-sm-0">25.1k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-xl-4 col-sm-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded-circle">
-                                                    <img src="../assets/images/companies/cisco.png" alt="logo" class="avatar-sm rounded-circle">
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h4 class="my-1"><a href="javascript:void(0);" class="text-dark">Cisco Systems</a></h4>
-                                                <p class="text-muted text-truncate mb-0">
-                                                    <i class="ri-map-pin-line align-bottom mr-1"></i> San Jose, California
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Revenue (USD)</p>
-                                                        <h5 class="mb-sm-0">4,800.5 cr</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Number of employees</p>
-                                                        <h5 class="mb-sm-0">73.4k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-4 col-sm-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded-circle">
-                                                    <img src="../assets/images/companies/google.png" alt="logo" class="avatar-sm rounded-circle">
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h4 class="my-1"><a href="javascript:void(0);" class="text-dark">Google LLC</a></h4>
-                                                <p class="text-muted text-truncate mb-0">
-                                                    <i class="ri-map-pin-line align-bottom mr-1"></i> Menlo Park, California
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Revenue (USD)</p>
-                                                        <h5 class="mb-sm-0">110 bn</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Number of employees</p>
-                                                        <h5 class="mb-sm-0">72k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            
-                            <div class="col-xl-4 col-sm-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded-circle">
-                                                    <img src="../assets/images/companies/apple.png" alt="logo" class="avatar-sm rounded-circle">
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h4 class="my-1"><a href="javascript:void(0);" class="text-dark">Apple Inc.</a></h4>
-                                                <p class="text-muted text-truncate mb-0">
-                                                    <i class="ri-map-pin-line align-bottom mr-1"></i> Cupertino, California
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Revenue (USD)</p>
-                                                        <h5 class="mb-sm-0">22,923.4 cr</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Number of employees</p>
-                                                        <h5 class="mb-sm-0">47k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-xl-4 col-sm-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded-circle">
-                                                    <img src="../assets/images/companies/airbnb.png" alt="logo" class="avatar-sm rounded-circle">
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h4 class="my-1"><a href="javascript:void(0);" class="text-dark">Airbnb Inc.</a></h4>
-                                                <p class="text-muted text-truncate mb-0">
-                                                    <i class="ri-map-pin-line align-bottom mr-1"></i> San Francisco, California
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Revenue (USD)</p>
-                                                        <h5 class="mb-sm-0">260 cr</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-6">
-                                                    <div>
-                                                        <p class="text-truncate mb-0">Number of employees</p>
-                                                        <h5 class="mb-sm-0">3.1k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row mb-4">
-                            <div class="col-sm-6">
-                                <div>
-                                    <h5 class="font-14 text-body">Showing Page 2 Of 94</h5>
-                                </div>
-                            </div>
-                            <div class="col-sm-6">
-                                <div class="float-sm-right">
-                                    <ul class="pagination pagination-rounded mb-sm-0">
-                                        <li class="page-item disabled">
-                                            <a href="#" class="page-link"><i class="mdi mdi-chevron-left"></i></a>
-                                        </li>
-                                        <li class="page-item">
-                                            <a href="#" class="page-link">1</a>
-                                        </li>
-                                        <li class="page-item active">
-                                            <a href="#" class="page-link">2</a>
-                                        </li>
-                                        <li class="page-item">
-                                            <a href="#" class="page-link">3</a>
-                                        </li>
-                                        <li class="page-item">
-                                            <a href="#" class="page-link">4</a>
-                                        </li>
-                                        <li class="page-item">
-                                            <a href="#" class="page-link">5</a>
-                                        </li>
-                                        <li class="page-item">
-                                            <a href="#" class="page-link"><i class="mdi mdi-chevron-right"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/apps-file-manager.html b/public/modern/apps-file-manager.html
deleted file mode 100644
index 206f939..0000000
--- a/public/modern/apps-file-manager.html
+++ /dev/null
@@ -1,1931 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>File Manager | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">File Manager</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Apps</a></li>
-                                            <li class="breadcrumb-item active">File Manager</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="fileupload btn btn-success waves-effect waves-light mb-3">
-                                            <span><i class="mdi mdi-cloud-upload mr-1"></i> Upload Files</span>
-                                            <input type="file" class="upload">
-                                        </div>
-                                        <div class="table-responsive">
-                                            <table class="table table-centered  table-nowrap mb-0">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th scope="col">File Name</th>
-                                                        <th scope="col">Date Modified</th>
-                                                        <th scope="col">Size</th>
-                                                        <th scope="col">Contributors</th>
-                                                        <th scope="col" class="text-center" style="width: 125px;">Action</th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>
-                                                            <img src="../assets/images/file-icons/pdf.svg" height="30" alt="icon" class="mr-2">
-                                                            <a href="javascript:void(0);" class="text-dark">Invoice-project.pdf</a>
-                                                        </td>
-                                                        <td class="font-13">17-Jan-18 2:55 PM</td>
-                                                        <td>2.31 MB</td>
-                                                        <td>
-                                                            <img src="../assets/images/users/avatar-4.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                            <img src="../assets/images/users/avatar-6.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-pencil"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <img src="../assets/images/file-icons/png.svg" height="30" alt="icon" class="mr-2">
-                                                            <a href="javascript:void(0);" class="text-dark">Dashboard-design.png</a>
-                                                        </td>
-                                                        <td class="font-13">21-May-18 1:12 PM</td>
-                                                        <td>3.89 MB</td>
-                                                        <td>
-                                                            <img src="../assets/images/users/avatar-5.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-pencil"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <img src="../assets/images/file-icons/psd.svg" height="30" alt="icon" class="mr-2">
-                                                            <a href="javascript:void(0);" class="text-dark">Graphic-logo-main.psd</a>
-                                                        </td>
-                                                        <td class="font-13">23-May-18 11:34 AM</td>
-                                                        <td>125 MB</td>
-                                                        <td>
-                                                            <img src="../assets/images/users/avatar-1.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                            <img src="../assets/images/users/avatar-3.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-pencil"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <img src="../assets/images/file-icons/avi.svg" height="30" alt="icon" class="mr-2">
-                                                            <a href="javascript:void(0);" class="text-dark">Audio-video-file.avi</a>
-                                                        </td>
-                                                        <td class="font-13">18-Feb-18 4:29 PM</td>
-                                                        <td>12.3 MB</td>
-                                                        <td>
-                                                            <img src="../assets/images/users/avatar-7.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                            <img src="../assets/images/users/avatar-8.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-pencil"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <img src="../assets/images/file-icons/pdf.svg" height="30" alt="icon" class="mr-2">
-                                                            <a href="javascript:void(0);" class="text-dark">Holiday-trip-expenses.pdf</a>
-                                                        </td>
-                                                        <td class="font-13">10-Apr-18 1:12 PM</td>
-                                                        <td>256 KB</td>
-                                                        <td>
-                                                            <img src="../assets/images/users/avatar-6.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-pencil"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <img src="../assets/images/file-icons/txt.svg" height="30" alt="icon" class="mr-2">
-                                                            <a href="javascript:void(0);" class="text-dark">File-changes-notes.txt</a>
-                                                        </td>
-                                                        <td class="font-13">17-Jan-18 2:55 PM</td>
-                                                        <td>57.3 MB</td>
-                                                        <td>
-                                                            <img src="../assets/images/users/avatar-9.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-pencil"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <img src="../assets/images/file-icons/eps.svg" height="30" alt="icon" class="mr-2">
-                                                            <a href="javascript:void(0);" class="text-dark">Eps-file-formate.eps</a>
-                                                        </td>
-                                                        <td class="font-13">21-Jun-18 1:12 PM</td>
-                                                        <td>429 MB</td>
-                                                        <td>
-                                                            <img src="../assets/images/users/avatar-1.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-pencil"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <img src="../assets/images/file-icons/dll.svg" height="30" alt="icon" class="mr-2">
-                                                            <a href="javascript:void(0);" class="text-dark">Software-activation.dll</a>
-                                                        </td>
-                                                        <td class="font-13">23-May-18 11:34 AM</td>
-                                                        <td>58 KB</td>
-                                                        <td>
-                                                            <img src="../assets/images/users/avatar-3.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-pencil"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <img src="../assets/images/file-icons/sql.svg" height="30" alt="icon" class="mr-2">
-                                                            <a href="javascript:void(0);" class="text-dark">Database-db.sql</a>
-                                                        </td>
-                                                        <td class="font-13">18-July-18 4:29 PM</td>
-                                                        <td>89.3 MB</td>
-                                                        <td>
-                                                            <img src="../assets/images/users/avatar-9.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle"> 
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-pencil"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <img src="../assets/images/file-icons/zip.svg" height="30" alt="icon" class="mr-2">
-                                                            <a href="javascript:void(0);" class="text-dark">Minton-latest.zip</a>
-                                                        </td>
-                                                        <td class="font-13">10-Aug-18 1:12 PM</td>
-                                                        <td>248 MB</td>
-                                                        <td>
-                                                            <img src="../assets/images/users/avatar-4.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-pencil"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/apps-tickets.html b/public/modern/apps-tickets.html
deleted file mode 100644
index d8b9225..0000000
--- a/public/modern/apps-tickets.html
+++ /dev/null
@@ -1,2485 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Tickets | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- third party css -->
-        <link href="../assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Tickets</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Apps</a></li>
-                                            <li class="breadcrumb-item active">Tickets</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="text-center">
-                                            <div class="row">
-                                                <div class="col-md-6 col-xl-3">
-                                                    <div class="py-1">
-                                                        <i class="fe-tag font-24"></i>
-                                                        <h3>25563</h3>
-                                                        <p class="text-uppercase mb-1 font-13 font-weight-medium">Total tickets</p>
-                                                    </div>
-                                                </div>
-                                                <div class="col-md-6 col-xl-3">
-                                                    <div class="py-1">
-                                                        <i class="fe-archive font-24"></i>
-                                                        <h3 class="text-warning">6952</h3>
-                                                        <p class="text-uppercase mb-1 font-13 font-weight-medium">Pending Tickets</p>
-                                                    </div>
-                                                </div>
-                                                <div class="col-md-6 col-xl-3">
-                                                    <div class="py-1">
-                                                        <i class="fe-shield font-24"></i>
-                                                        <h3 class="text-success">18361</h3>
-                                                        <p class="text-uppercase mb-1 font-13 font-weight-medium">Closed Tickets</p>
-                                                    </div>
-                                                </div>
-                                                <div class="col-md-6 col-xl-3">
-                                                    <div class="py-1">
-                                                        <i class="fe-delete font-24"></i>
-                                                        <h3 class="text-danger">250</h3>
-                                                        <p class="text-uppercase mb-1 font-13 font-weight-medium">Deleted Tickets</p>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <table class="table table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0" id="tickets-table">
-                                            <thead class="bg-light">
-                                            <tr>
-                                                <th class="font-weight-medium">ID</th>
-                                                <th class="font-weight-medium">Requested By</th>
-                                                <th class="font-weight-medium">Subject</th>
-                                                <th class="font-weight-medium">Assignee</th>
-                                                <th class="font-weight-medium">Priority</th>
-                                                <th class="font-weight-medium">Status</th>
-                                                <th class="font-weight-medium">Created Date</th>
-                                                <th class="font-weight-medium">Due Date</th>
-                                                <th class="font-weight-medium">Action</th>
-                                            </tr>
-                                            </thead>
-    
-                                            <tbody class="font-14">
-                                                <tr>
-                                                    <td><b>#1256</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">George A. Lianes</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Support for theme
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-secondary">Low</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-success">Open</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        2017/04/28
-                                                    </td>
-    
-                                                    <td>
-                                                        2017/04/28
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#2542</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-3.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Jose D. Delacruz</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        New submission on your website
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-9.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-warning">Medium</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-secondary">Closed</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        2008/04/25
-                                                    </td>
-    
-                                                    <td>
-                                                        2008/04/25
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#320</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-5.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Phyllis K. Maciel</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Verify your new email address!
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-danger">High</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-success">Open</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        2017/04/20
-                                                    </td>
-    
-                                                    <td>
-                                                        2017/04/25
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#1254</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-8.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Margeret V. Ligon</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Your application has been received!
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-danger">High</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-secondary">Closed</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#1020</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-9.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Erwin E. Brown</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        A new rating has been received
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-1.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-warning">Medium</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-secondary">Closed</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        2013/08/11
-                                                    </td>
-    
-                                                    <td>
-                                                        2013/08/30
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#854</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">William L. Trent</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Your Profile has been accepted
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-danger">High</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-success">Open</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#9501</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Amy R. Barnaby</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Homeworth for your property increased
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-3.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-secondary">Low</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-success">Open</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#3652</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-3.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Jessica T. Phillips</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Item Support Message sent
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-9.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-warning">Medium</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-secondary">Closed</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#9852</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-5.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Debra J. Wilson</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Your item has been updated!
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-danger">High</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-success">Open</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#3652</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-4.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Luke J. Sain</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Your password has been reset
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-secondary">Low</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-success">Open</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#1352</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-5.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Karen R. Doyle</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Question regarding your Bootstrap Theme
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-8.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-danger">High</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-success">Open</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#3562</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-8.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Freddie J. Plourde</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Security alert for my account
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-secondary">Low</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-success">Open</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#3658</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-9.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Darrell J. Cook</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Christopher S. Ahmad
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-warning">Medium</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-secondary">Closed</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#2251</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-8.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Mark C. Diaz</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Verify your new email address!
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-danger">High</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-success">Open</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                                <tr>
-                                                    <td><b>#3654</b></td>
-                                                    <td>
-                                                        <a href="javascript: void(0);" class="text-dark">
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                            <span class="ml-2">Robert K. Joseph</span>
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        Support for theme
-                                                    </td>
-    
-                                                    <td>
-                                                        <a href="javascript: void(0);">
-                                                            <img src="../assets/images/users/avatar-10.jpg" alt="contact-img" title="contact-img" class="avatar-sm rounded-circle img-thumbnail" />
-                                                        </a>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-secondary">Low</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        <span class="badge badge-success">Open</span>
-                                                    </td>
-    
-                                                    <td>
-                                                        01/04/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        21/05/2017
-                                                    </td>
-    
-                                                    <td>
-                                                        <div class="btn-group dropdown">
-                                                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown" aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
-                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit Ticket</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-check-all mr-2 text-muted font-18 vertical-middle"></i>Close</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Remove</a>
-                                                                <a class="dropdown-item" href="#"><i class="mdi mdi-star mr-2 font-18 text-muted vertical-middle"></i>Mark as Unread</a>
-                                                            </div>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-    
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- third party js -->
-        <script src="../assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
-        <script src="../assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
-        <script src="../assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
-        <script src="../assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
-        <!-- third party js ends -->
-
-        <script src="../assets/js/pages/tickets.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-confirm-mail-2.html b/public/modern/auth-confirm-mail-2.html
deleted file mode 100644
index faa7f56..0000000
--- a/public/modern/auth-confirm-mail-2.html
+++ /dev/null
@@ -1,125 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Confirm Email 2 | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading auth-fluid-pages pb-0">
-
-        <div class="auth-fluid">
-            <!-- Auth fluid right content -->
-            <div class="auth-fluid-right">
-                <div class="auth-user-testimonial">
-                    <h3 class="mb-3 text-white">Very elegant & impressive!</h3>
-                    <p class="lead font-weight-normal"><i class="mdi mdi-format-quote-open"></i> I've been using this theme for a while and I must say that whenever I am looking for a design - I refer to this theme for specifics & implementation. With wide arrays of components, designs, charts - I would highly recommend this theme for anyone using it for dashboard or project management usage.. <i class="mdi mdi-format-quote-close"></i>
-                    </p>
-                    <h5 class="text-white">
-                        - Admin User
-                    </h5>
-                </div> <!-- end auth-user-testimonial-->
-            </div>
-            <!-- end Auth fluid right content -->
-
-            <!--Auth fluid left content -->
-            <div class="auth-fluid-form-box">
-                <div class="align-items-center d-flex h-100">
-                    <div class="card-body">
-
-                        <!-- Logo -->
-                        <div class="auth-brand text-center text-lg-left">
-                            <div class="auth-logo">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                    </span>
-                                </a>
-            
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="22">
-                                    </span>
-                                </a>
-                            </div>
-                        </div>
-
-                        <div class="text-center">
-                            <svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-                                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 98 98"
-                                style="height: 120px;" xml:space="preserve">
-                                <style type="text/css">
-                                    .st0{fill:#FFFFFF;}
-                                    .st1{fill:#1abc9c;}
-                                    .st2{fill:#FFFFFF;stroke:#1abc9c;stroke-width:2;stroke-miterlimit:10;}
-                                    .st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
-                                </style>
-                                    <g i:extraneous="self">
-                                        <circle id="XMLID_50_" class="st0" cx="49" cy="49" r="49"/>
-                                        <g id="XMLID_4_">
-                                            <path id="XMLID_49_" class="st1" d="M77.3,42.7V77c0,0.6-0.4,1-1,1H21.7c-0.5,0-1-0.5-1-1V42.7c0-0.3,0.1-0.6,0.4-0.8l27.3-21.7
-                                                c0.3-0.3,0.8-0.3,1.2,0l27.3,21.7C77.1,42.1,77.3,42.4,77.3,42.7z"/>
-                                            <path id="XMLID_48_" class="st2" d="M66.5,69.5h-35c-1.1,0-2-0.9-2-2V26.8c0-1.1,0.9-2,2-2h35c1.1,0,2,0.9,2,2v40.7
-                                                C68.5,68.6,67.6,69.5,66.5,69.5z"/>
-                                            <path id="XMLID_47_" class="st1" d="M62.9,33.4H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
-                                                c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,33,63.4,33.4,62.9,33.4z"/>
-                                            <path id="XMLID_46_" class="st1" d="M62.9,40.3H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
-                                                c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,39.9,63.4,40.3,62.9,40.3z"/>
-                                            <path id="XMLID_45_" class="st1" d="M62.9,47.2H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
-                                                c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,46.8,63.4,47.2,62.9,47.2z"/>
-                                            <path id="XMLID_44_" class="st1" d="M62.9,54.1H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
-                                                c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,53.7,63.4,54.1,62.9,54.1z"/>
-                                            <path id="XMLID_43_" class="st2" d="M41.6,40.1h-5.8c-0.6,0-1-0.4-1-1v-6.7c0-0.6,0.4-1,1-1h5.8c0.6,0,1,0.4,1,1v6.7
-                                                C42.6,39.7,42.2,40.1,41.6,40.1z"/>
-                                            <path id="XMLID_42_" class="st2" d="M41.6,54.2h-5.8c-0.6,0-1-0.4-1-1v-6.7c0-0.6,0.4-1,1-1h5.8c0.6,0,1,0.4,1,1v6.7
-                                                C42.6,53.8,42.2,54.2,41.6,54.2z"/>
-                                            <path id="XMLID_41_" class="st1" d="M23.4,46.2l25,17.8c0.3,0.2,0.7,0.2,1.1,0l26.8-19.8l-3.3,30.9H27.7L23.4,46.2z"/>
-                                            <path id="XMLID_40_" class="st3" d="M74.9,45.2L49.5,63.5c-0.3,0.2-0.7,0.2-1.1,0L23.2,45.2"/>
-                                        </g>
-                                    </g>
-                            </svg>
-
-                            <h3>Success !</h3>
-                            <p class="text-muted mt-2"> A email has been send to <span class="font-weight-medium">youremail@domain.com</span>.
-                                Please check for an email from company and click on the included link to
-                                reset your password. </p>
-
-                            <a href="index.html" class="btn btn-block btn-primary waves-effect waves-light mt-3">Back to Home</a>
-                        </div>
-
-                        <footer class="footer footer-alt">
-                            <p class="text-muted"><script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="javascript: void(0);" class="text-dark">Coderthemes</a> </p>
-                        </footer>
-
-                    </div> <!-- end .card-body -->
-                </div> <!-- end .align-items-center.d-flex.h-100-->
-            </div>
-            <!-- end auth-fluid-form-box-->
-
-        </div>
-        <!-- end auth-fluid-->
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-confirm-mail.html b/public/modern/auth-confirm-mail.html
deleted file mode 100644
index 804480b..0000000
--- a/public/modern/auth-confirm-mail.html
+++ /dev/null
@@ -1,119 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Confirm Email | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="account-pages mt-5 mb-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-md-8 col-lg-6 col-xl-5">
-                        <div class="card">
-
-                            <div class="card-body p-4">
-                                
-                                <div class="text-center w-75 m-auto">
-                                    <div class="auth-logo">
-                                        <a href="index.html" class="logo logo-dark text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                    
-                                        <a href="index.html" class="logo logo-light text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-light.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                                    </div>
-                                </div>
-
-                                <div class="mt-3 text-center">
-                                    <svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-                                        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 98 98"
-                                        style="height: 120px;" xml:space="preserve">
-                                        <style type="text/css">
-                                            .st0{fill:#FFFFFF;}
-                                            .st1{fill:#1abc9c;}
-                                            .st2{fill:#FFFFFF;stroke:#1abc9c;stroke-width:2;stroke-miterlimit:10;}
-                                            .st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
-                                        </style>
-                                            <g i:extraneous="self">
-                                                <circle id="XMLID_50_" class="st0" cx="49" cy="49" r="49"/>
-                                                <g id="XMLID_4_">
-                                                    <path id="XMLID_49_" class="st1" d="M77.3,42.7V77c0,0.6-0.4,1-1,1H21.7c-0.5,0-1-0.5-1-1V42.7c0-0.3,0.1-0.6,0.4-0.8l27.3-21.7
-                                                        c0.3-0.3,0.8-0.3,1.2,0l27.3,21.7C77.1,42.1,77.3,42.4,77.3,42.7z"/>
-                                                    <path id="XMLID_48_" class="st2" d="M66.5,69.5h-35c-1.1,0-2-0.9-2-2V26.8c0-1.1,0.9-2,2-2h35c1.1,0,2,0.9,2,2v40.7
-                                                        C68.5,68.6,67.6,69.5,66.5,69.5z"/>
-                                                    <path id="XMLID_47_" class="st1" d="M62.9,33.4H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
-                                                        c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,33,63.4,33.4,62.9,33.4z"/>
-                                                    <path id="XMLID_46_" class="st1" d="M62.9,40.3H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
-                                                        c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,39.9,63.4,40.3,62.9,40.3z"/>
-                                                    <path id="XMLID_45_" class="st1" d="M62.9,47.2H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
-                                                        c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,46.8,63.4,47.2,62.9,47.2z"/>
-                                                    <path id="XMLID_44_" class="st1" d="M62.9,54.1H47.2c-0.5,0-0.9-0.4-0.9-0.9v-0.2c0-0.5,0.4-0.9,0.9-0.9h15.7
-                                                        c0.5,0,0.9,0.4,0.9,0.9v0.2C63.8,53.7,63.4,54.1,62.9,54.1z"/>
-                                                    <path id="XMLID_43_" class="st2" d="M41.6,40.1h-5.8c-0.6,0-1-0.4-1-1v-6.7c0-0.6,0.4-1,1-1h5.8c0.6,0,1,0.4,1,1v6.7
-                                                        C42.6,39.7,42.2,40.1,41.6,40.1z"/>
-                                                    <path id="XMLID_42_" class="st2" d="M41.6,54.2h-5.8c-0.6,0-1-0.4-1-1v-6.7c0-0.6,0.4-1,1-1h5.8c0.6,0,1,0.4,1,1v6.7
-                                                        C42.6,53.8,42.2,54.2,41.6,54.2z"/>
-                                                    <path id="XMLID_41_" class="st1" d="M23.4,46.2l25,17.8c0.3,0.2,0.7,0.2,1.1,0l26.8-19.8l-3.3,30.9H27.7L23.4,46.2z"/>
-                                                    <path id="XMLID_40_" class="st3" d="M74.9,45.2L49.5,63.5c-0.3,0.2-0.7,0.2-1.1,0L23.2,45.2"/>
-                                                </g>
-                                            </g>
-                                    </svg>
-
-                                    <h3>Success !</h3>
-                                    <p class="text-muted mt-2"> A email has been send to <span class="font-weight-medium">youremail@domain.com</span>.
-                                        Please check for an email from company and click on the included link to
-                                        reset your password. </p>
-
-                                    <a href="index.html" class="btn btn-block btn-primary waves-effect waves-light mt-3">Back to Home</a>
-                                </div>
-
-                                
-
-                            </div> <!-- end card-body -->
-                        </div>
-                        <!-- end card -->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-            <!-- end container -->
-        </div>
-        <!-- end page -->
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="" class="text-dark">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-lock-screen-2.html b/public/modern/auth-lock-screen-2.html
deleted file mode 100644
index 00f1906..0000000
--- a/public/modern/auth-lock-screen-2.html
+++ /dev/null
@@ -1,102 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Lock Screen 2 | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading auth-fluid-pages pb-0">
-
-        <div class="auth-fluid">
-            <!-- Auth fluid right content -->
-            <div class="auth-fluid-right">
-                <div class="auth-user-testimonial">
-                    <h3 class="mb-3 text-white">Very elegant & impressive!</h3>
-                    <p class="lead font-weight-normal"><i class="mdi mdi-format-quote-open"></i> I've been using this theme for a while and I must say that whenever I am looking for a design - I refer to this theme for specifics & implementation. With wide arrays of components, designs, charts - I would highly recommend this theme for anyone using it for dashboard or project management usage.. <i class="mdi mdi-format-quote-close"></i>
-                    </p>
-                    <h5 class="text-white">
-                        - Admin User
-                    </h5>
-                </div> <!-- end auth-user-testimonial-->
-            </div>
-            <!-- end Auth fluid right content -->
-
-            <!--Auth fluid left content -->
-            <div class="auth-fluid-form-box">
-                <div class="align-items-center d-flex h-100">
-                    <div class="card-body">
-
-                        <!-- Logo -->
-                        <div class="auth-brand text-center text-lg-left">
-                            <div class="auth-logo">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                    </span>
-                                </a>
-            
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="22">
-                                    </span>
-                                </a>
-                            </div>
-                        </div>
-
-                        <div class="text-center w-75 m-auto">
-                            <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle avatar-lg img-thumbnail">
-                            <h4 class="text-dark-50 text-center mt-3">Hi ! Nik Patel </h4>
-                            <p class="text-muted mb-4">Enter your password to access the admin.</p>
-                        </div>
-
-                        <form action="#">
-
-                            <div class="form-group mb-3">
-                                <label for="password">Password</label>
-                                <input class="form-control" type="password" required="" id="password" placeholder="Enter your password">
-                            </div>
-
-                            <div class="form-group mb-0 text-center">
-                                <button class="btn btn-primary btn-block" type="submit"> Log In </button>
-                            </div>
-
-                        </form>
-
-                        <!-- Footer-->
-                        <footer class="footer footer-alt">
-                            <p class="text-muted">Not you? return <a href="auth-login-2.html" class="text-primary ml-1"><b>Sign In</b></a></p>
-                        </footer>
-
-                    </div> <!-- end .card-body -->
-                </div> <!-- end .align-items-center.d-flex.h-100-->
-            </div>
-            <!-- end auth-fluid-form-box-->
-
-        </div>
-        <!-- end auth-fluid-->
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-lock-screen.html b/public/modern/auth-lock-screen.html
deleted file mode 100644
index 63741f0..0000000
--- a/public/modern/auth-lock-screen.html
+++ /dev/null
@@ -1,100 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Lock Screen | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="account-pages mt-5 mb-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-md-8 col-lg-6 col-xl-5">
-                        <div class="card">
-
-                            <div class="card-body p-4">
-                                
-                                <div class="text-center mb-4">
-                                    <div class="auth-logo">
-                                        <a href="index.html" class="logo logo-dark text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                    
-                                        <a href="index.html" class="logo logo-light text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-light.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                                    </div>
-                                </div>
-
-                                <div class="text-center w-75 m-auto">
-                                    <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle avatar-lg img-thumbnail">
-                                    <h4 class="text-dark-50 text-center mt-3">Hi ! Nik Patel </h4>
-                                    <p class="text-muted mb-4">Enter your password to access the admin.</p>
-                                </div>
-
-                                <form action="#">
-
-                                    <div class="form-group mb-3">
-                                        <label for="password">Password</label>
-                                        <input class="form-control" type="password" required="" id="password" placeholder="Enter your password">
-                                    </div>
-
-                                    <div class="form-group mb-0 text-center">
-                                        <button class="btn btn-primary btn-block" type="submit"> Log In </button>
-                                    </div>
-
-                                </form>
-
-                            </div> <!-- end card-body -->
-                        </div>
-                        <!-- end card -->
-
-                        <div class="row mt-3">
-                            <div class="col-12 text-center">
-                                <p class="text-muted">Not you? return <a href="auth-login.html" class="text-primary font-weight-medium ml-1">Sign In</a></p>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-            <!-- end container -->
-        </div>
-        <!-- end page -->
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="" class="text-dark">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-login-2.html b/public/modern/auth-login-2.html
deleted file mode 100644
index 8132925..0000000
--- a/public/modern/auth-login-2.html
+++ /dev/null
@@ -1,135 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Log In 2 | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading auth-fluid-pages pb-0">
-
-        <div class="auth-fluid">
-            <!-- Auth fluid right content -->
-            <div class="auth-fluid-right">
-                <div class="auth-user-testimonial">
-                    <h3 class="mb-3 text-white">Very elegant & impressive!</h3>
-                    <p class="lead font-weight-normal"><i class="mdi mdi-format-quote-open"></i> I've been using this theme for a while and I must say that whenever I am looking for a design - I refer to this theme for specifics & implementation. With wide arrays of components, designs, charts - I would highly recommend this theme for anyone using it for dashboard or project management usage.. <i class="mdi mdi-format-quote-close"></i>
-                    </p>
-                    <h5 class="text-white">
-                        - Admin User
-                    </h5>
-                </div> <!-- end auth-user-testimonial-->
-            </div>
-            <!-- end Auth fluid right content -->
-
-            <!--Auth fluid left content -->
-            <div class="auth-fluid-form-box">
-                <div class="align-items-center d-flex h-100">
-                    <div class="card-body">
-
-                        <!-- Logo -->
-                        <div class="auth-brand text-center text-lg-left">
-                            <div class="auth-logo">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                    </span>
-                                </a>
-            
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="22">
-                                    </span>
-                                </a>
-                            </div>
-                        </div>
-
-                        <!-- title-->
-                        <h4 class="mt-0">Sign In</h4>
-                        <p class="text-muted mb-4">Enter your email address and password to access admin panel.</p>
-
-                        <!-- form -->
-                        <form action="#">
-                            <div class="form-group">
-                                <label for="emailaddress">Email address</label>
-                                <input class="form-control" type="email" id="emailaddress" required="" placeholder="Enter your email">
-                            </div>
-                            <div class="form-group">
-                                <a href="auth-recoverpw-2.html" class="text-muted float-right"><small>Forgot your password?</small></a>
-                                <label for="password">Password</label>
-                                <div class="input-group input-group-merge">
-                                    <input type="password" id="password" class="form-control" placeholder="Enter your password">
-                                    <div class="input-group-append" data-password="false">
-                                        <div class="input-group-text">
-                                            <span class="password-eye"></span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            
-                            <div class="form-group mb-3">
-                                <div class="custom-control custom-checkbox">
-                                    <input type="checkbox" class="custom-control-input" id="checkbox-signin">
-                                    <label class="custom-control-label" for="checkbox-signin">Remember me</label>
-                                </div>
-                            </div>
-                            <div class="form-group mb-0 text-center">
-                                <button class="btn btn-primary btn-block" type="submit">Log In </button>
-                            </div>
-                            <!-- social-->
-                            <div class="text-center mt-4">
-                                <h5 class="mt-0 text-muted">Sign in with</h5>
-                                <ul class="social-list list-inline mt-3 mb-0">
-                                    <li class="list-inline-item">
-                                        <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                    </li>
-                                    <li class="list-inline-item">
-                                        <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                    </li>
-                                    <li class="list-inline-item">
-                                        <a href="javascript: void(0);" class="social-list-item border-info text-info"><i class="mdi mdi-twitter"></i></a>
-                                    </li>
-                                    <li class="list-inline-item">
-                                        <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </form>
-                        <!-- end form-->
-
-                        <!-- Footer-->
-                        <footer class="footer footer-alt">
-                            <p class="text-muted">Don't have an account? <a href="auth-register-2.html" class="text-primary ml-1"><b>Sign Up</b></a></p>
-                        </footer>
-
-                    </div> <!-- end .card-body -->
-                </div> <!-- end .align-items-center.d-flex.h-100-->
-            </div>
-            <!-- end auth-fluid-form-box-->
-        </div>
-        <!-- end auth-fluid-->
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-login.html b/public/modern/auth-login.html
deleted file mode 100644
index 1797397..0000000
--- a/public/modern/auth-login.html
+++ /dev/null
@@ -1,133 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Log In | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="account-pages mt-5 mb-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-md-8 col-lg-6 col-xl-5">
-                        <div class="card">
-
-                            <div class="card-body p-4">
-                                
-                                <div class="text-center w-75 m-auto">
-                                    <div class="auth-logo">
-                                        <a href="index.html" class="logo logo-dark text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                    
-                                        <a href="index.html" class="logo logo-light text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-light.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                                    </div>
-                                    <p class="text-muted mb-4 mt-3">Enter your email address and password to access admin panel.</p>
-                                </div>
-
-                                <form action="#">
-
-                                    <div class="form-group mb-3">
-                                        <label for="emailaddress">Email address</label>
-                                        <input class="form-control" type="email" id="emailaddress" required="" placeholder="Enter your email">
-                                    </div>
-
-                                    <div class="form-group mb-3">
-                                        <label for="password">Password</label>
-                                        <div class="input-group input-group-merge">
-                                            <input type="password" id="password" class="form-control" placeholder="Enter your password">
-                                            <div class="input-group-append" data-password="false">
-                                                <div class="input-group-text">
-                                                    <span class="password-eye"></span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-
-                                    <div class="form-group mb-3">
-                                        <div class="custom-control custom-checkbox">
-                                            <input type="checkbox" class="custom-control-input" id="checkbox-signin" checked>
-                                            <label class="custom-control-label" for="checkbox-signin">Remember me</label>
-                                        </div>
-                                    </div>
-
-                                    <div class="form-group mb-0 text-center">
-                                        <button class="btn btn-primary btn-block" type="submit"> Log In </button>
-                                    </div>
-
-                                </form>
-
-                                <div class="text-center">
-                                    <h5 class="mt-3 text-muted">Sign in with</h5>
-                                    <ul class="social-list list-inline mt-3 mb-0">
-                                        <li class="list-inline-item">
-                                            <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                        </li>
-                                        <li class="list-inline-item">
-                                            <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                        </li>
-                                        <li class="list-inline-item">
-                                            <a href="javascript: void(0);" class="social-list-item border-info text-info"><i class="mdi mdi-twitter"></i></a>
-                                        </li>
-                                        <li class="list-inline-item">
-                                            <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>
-
-                            </div> <!-- end card-body -->
-                        </div>
-                        <!-- end card -->
-
-                        <div class="row mt-3">
-                            <div class="col-12 text-center">
-                                <p> <a href="auth-recoverpw.html" class="text-muted ml-1">Forgot your password?</a></p>
-                                <p class="text-muted">Don't have an account? <a href="auth-register.html" class="text-primary font-weight-medium ml-1">Sign Up</a></p>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-            <!-- end container -->
-        </div>
-        <!-- end page -->
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="" class="text-dark">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-logout-2.html b/public/modern/auth-logout-2.html
deleted file mode 100644
index 14ee9ff..0000000
--- a/public/modern/auth-logout-2.html
+++ /dev/null
@@ -1,106 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Logout 2 | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading auth-fluid-pages pb-0">
-
-        <div class="auth-fluid">
-            <!-- Auth fluid right content -->
-            <div class="auth-fluid-right">
-                <div class="auth-user-testimonial">
-                    <h3 class="mb-3 text-white">Very elegant & impressive!</h3>
-                    <p class="lead font-weight-normal"><i class="mdi mdi-format-quote-open"></i> I've been using this theme for a while and I must say that whenever I am looking for a design - I refer to this theme for specifics & implementation. With wide arrays of components, designs, charts - I would highly recommend this theme for anyone using it for dashboard or project management usage.. <i class="mdi mdi-format-quote-close"></i>
-                    </p>
-                    <h5 class="text-white">
-                        - Admin User
-                    </h5>
-                </div> <!-- end auth-user-testimonial-->
-            </div>
-            <!-- end Auth fluid right content -->
-
-            <!--Auth fluid left content -->
-            <div class="auth-fluid-form-box">
-                <div class="align-items-center d-flex h-100">
-                    <div class="card-body">
-
-                        <!-- Logo -->
-                        <div class="auth-brand text-center text-lg-left">
-                            <div class="auth-logo">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                    </span>
-                                </a>
-            
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="22">
-                                    </span>
-                                </a>
-                            </div>
-                        </div>
-
-                        <div class="text-center">
-                            <div class="mt-4">
-                                <div class="logout-checkmark">
-                                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 161.2 161.2" enable-background="new 0 0 161.2 161.2" xml:space="preserve">
-                                    <path class="logout-path" fill="none" stroke="#d1dee4" stroke-miterlimit="10" d="M425.9,52.1L425.9,52.1c-2.2-2.6-6-2.6-8.3-0.1l-42.7,46.2l-14.3-16.4
-                                        c-2.3-2.7-6.2-2.7-8.6-0.1c-1.9,2.1-2,5.6-0.1,7.7l17.6,20.3c0.2,0.3,0.4,0.6,0.6,0.9c1.8,2,4.4,2.5,6.6,1.4c0.7-0.3,1.4-0.8,2-1.5
-                                        c0.3-0.3,0.5-0.6,0.7-0.9l46.3-50.1C427.7,57.5,427.7,54.2,425.9,52.1z"></path>
-                                    <circle class="logout-path" fill="none" stroke="#1abc9c" stroke-width="4" stroke-miterlimit="10" cx="80.6" cy="80.6" r="62.1"></circle>
-                                    <polyline class="logout-path" fill="none" stroke="#1abc9c" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="113,52.8
-                                        74.1,108.4 48.2,86.4 "></polyline>
-
-                                    <circle class="logout-spin" fill="none" stroke="#d1dee4" stroke-width="4" stroke-miterlimit="10" stroke-dasharray="12.2175,12.2175" cx="80.6" cy="80.6" r="73.9"></circle>
-
-                                </svg>
-
-                            </div>
-                            </div>
-
-                            <h3>See you again !</h3>
-
-                            <p class="text-muted"> You are now successfully sign out. </p>
-                        </div>
-
-                        <!-- Footer-->
-                        <footer class="footer footer-alt">
-                            <p class="text-muted">Back to <a href="auth-login-2.html" class="text-primary ml-1"><b>Sign In</b></a></p>
-                        </footer>
-
-                    </div> <!-- end .card-body -->
-                </div> <!-- end .align-items-center.d-flex.h-100-->
-            </div>
-            <!-- end auth-fluid-form-box-->
-
-        </div>
-        <!-- end auth-fluid-->
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-logout.html b/public/modern/auth-logout.html
deleted file mode 100644
index 016cc51..0000000
--- a/public/modern/auth-logout.html
+++ /dev/null
@@ -1,105 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Logout | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="account-pages mt-5 mb-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-md-8 col-lg-6 col-xl-5">
-                        <div class="card">
-
-                            <div class="card-body p-4">
-                                
-                                <div class="text-center w-75 m-auto">
-                                    <div class="auth-logo">
-                                        <a href="index.html" class="logo logo-dark text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                    
-                                        <a href="index.html" class="logo logo-light text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-light.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                                    </div>
-                                </div>
-
-                                <div class="text-center">
-                                    <div class="mt-4">
-                                        <div class="logout-checkmark">
-                                            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 161.2 161.2" enable-background="new 0 0 161.2 161.2" xml:space="preserve">
-                                            <path class="logout-path" fill="none" stroke="#d1dee4" stroke-miterlimit="10" d="M425.9,52.1L425.9,52.1c-2.2-2.6-6-2.6-8.3-0.1l-42.7,46.2l-14.3-16.4
-                                                c-2.3-2.7-6.2-2.7-8.6-0.1c-1.9,2.1-2,5.6-0.1,7.7l17.6,20.3c0.2,0.3,0.4,0.6,0.6,0.9c1.8,2,4.4,2.5,6.6,1.4c0.7-0.3,1.4-0.8,2-1.5
-                                                c0.3-0.3,0.5-0.6,0.7-0.9l46.3-50.1C427.7,57.5,427.7,54.2,425.9,52.1z"></path>
-                                            <circle class="logout-path" fill="none" stroke="#1abc9c" stroke-width="4" stroke-miterlimit="10" cx="80.6" cy="80.6" r="62.1"></circle>
-                                            <polyline class="logout-path" fill="none" stroke="#1abc9c" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="113,52.8
-                                                74.1,108.4 48.2,86.4 "></polyline>
-
-                                            <circle class="logout-spin" fill="none" stroke="#d1dee4" stroke-width="4" stroke-miterlimit="10" stroke-dasharray="12.2175,12.2175" cx="80.6" cy="80.6" r="73.9"></circle>
-
-                                        </svg>
-
-                                    </div>
-                                    </div>
-
-                                    <h3>See you again !</h3>
-
-                                    <p class="text-muted"> You are now successfully sign out. </p>
-                                </div>
-
-
-                            </div> <!-- end card-body -->
-                        </div>
-                        <!-- end card -->
-
-                        <div class="row mt-3">
-                            <div class="col-12 text-center">
-                                <p class="text-muted">Back to <a href="auth-login.html" class="text-primary font-weight-medium ml-1">Sign In</a></p>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-            <!-- end container -->
-        </div>
-        <!-- end page -->
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="" class="text-dark">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-recoverpw-2.html b/public/modern/auth-recoverpw-2.html
deleted file mode 100644
index 0917f9c..0000000
--- a/public/modern/auth-recoverpw-2.html
+++ /dev/null
@@ -1,102 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Forgot Password 2 | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading auth-fluid-pages pb-0">
-
-        <div class="auth-fluid">
-            <!-- Auth fluid right content -->
-            <div class="auth-fluid-right">
-                <div class="auth-user-testimonial">
-                    <h3 class="mb-3 text-white">Very elegant & impressive!</h3>
-                    <p class="lead font-weight-normal"><i class="mdi mdi-format-quote-open"></i> I've been using this theme for a while and I must say that whenever I am looking for a design - I refer to this theme for specifics & implementation. With wide arrays of components, designs, charts - I would highly recommend this theme for anyone using it for dashboard or project management usage.. <i class="mdi mdi-format-quote-close"></i>
-                    </p>
-                    <h5 class="text-white">
-                        - Admin User
-                    </h5>
-                </div> <!-- end auth-user-testimonial-->
-            </div>
-            <!-- end Auth fluid right content -->
-
-            <!--Auth fluid left content -->
-            <div class="auth-fluid-form-box">
-                <div class="align-items-center d-flex h-100">
-                    <div class="card-body">
-
-                        <!-- Logo -->
-                        <div class="auth-brand text-center text-lg-left">
-                            <div class="auth-logo">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                    </span>
-                                </a>
-            
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="22">
-                                    </span>
-                                </a>
-                            </div>
-                        </div>
-
-                        <!-- title-->
-                        <h4 class="mt-0">Recover Password</h4>
-                        <p class="text-muted mb-4">Enter your email address and we'll send you an email with instructions to reset your password.</p>
-
-                        <!-- form -->
-                        <form action="#">
-
-                            <div class="form-group mb-3">
-                                <label for="emailaddress">Email address</label>
-                                <input class="form-control" type="email" id="emailaddress" required="" placeholder="Enter your email">
-                            </div>
-
-                            <div class="form-group mb-0 text-center">
-                                <button class="btn btn-primary waves-effect waves-light btn-block" type="submit"> Reset Password </button>
-                            </div>
-
-                        </form>
-                        <!-- end form-->
-
-                        <!-- Footer-->
-                        <footer class="footer footer-alt">
-                            <p class="text-muted">Back to <a href="auth-login-2.html" class="text-primary ml-1"><b>Log in</b></a></p>
-                        </footer>
-
-                    </div> <!-- end .card-body -->
-                </div> <!-- end .align-items-center.d-flex.h-100-->
-            </div>
-            <!-- end auth-fluid-form-box-->
-
-        </div>
-        <!-- end auth-fluid-->
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-recoverpw.html b/public/modern/auth-recoverpw.html
deleted file mode 100644
index 54a8f5f..0000000
--- a/public/modern/auth-recoverpw.html
+++ /dev/null
@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Forgot Password | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="account-pages mt-5 mb-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-md-8 col-lg-6 col-xl-5">
-                        <div class="card">
-
-                            <div class="card-body p-4">
-                                
-                                <div class="text-center w-75 m-auto">
-                                    <div class="auth-logo">
-                                        <a href="index.html" class="logo logo-dark text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                    
-                                        <a href="index.html" class="logo logo-light text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-light.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                                    </div>
-                                    <p class="text-muted mb-4 mt-3">Enter your email address and we'll send you an email with instructions to reset your password.</p>
-                                </div>
-
-                                <form action="#">
-
-                                    <div class="form-group mb-3">
-                                        <label for="emailaddress">Email address</label>
-                                        <input class="form-control" type="email" id="emailaddress" required="" placeholder="Enter your email">
-                                    </div>
-
-                                    <div class="form-group mb-0 text-center">
-                                        <button class="btn btn-primary btn-block" type="submit"> Reset Password </button>
-                                    </div>
-
-                                </form>
-
-                            </div> <!-- end card-body -->
-                        </div>
-                        <!-- end card -->
-
-                        <div class="row mt-3">
-                            <div class="col-12 text-center">
-                                <p class="text-muted">Back to <a href="auth-login.html" class="text-primary font-weight-medium ml-1">Log in</a></p>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-            <!-- end container -->
-        </div>
-        <!-- end page -->
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="" class="text-dark">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-register-2.html b/public/modern/auth-register-2.html
deleted file mode 100644
index 2186ced..0000000
--- a/public/modern/auth-register-2.html
+++ /dev/null
@@ -1,137 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Register & Signup 2 | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading auth-fluid-pages pb-0">
-
-        <div class="auth-fluid">
-            <!-- Auth fluid right content -->
-            <div class="auth-fluid-right">
-                <div class="auth-user-testimonial">
-                    <h3 class="mb-3 text-white">Very elegant & impressive!</h3>
-                    <p class="lead font-weight-normal"><i class="mdi mdi-format-quote-open"></i> I've been using this theme for a while and I must say that whenever I am looking for a design - I refer to this theme for specifics & implementation. With wide arrays of components, designs, charts - I would highly recommend this theme for anyone using it for dashboard or project management usage.. <i class="mdi mdi-format-quote-close"></i>
-                    </p>
-                    <h5 class="text-white">
-                        - Admin User
-                    </h5>
-                </div> <!-- end auth-user-testimonial-->
-            </div>
-            <!-- end Auth fluid right content -->
-
-            <!--Auth fluid left content -->
-            <div class="auth-fluid-form-box">
-                <div class="align-items-center d-flex h-100">
-                    <div class="card-body">
-
-                        <!-- Logo -->
-                        <div class="auth-brand text-center text-lg-left">
-                            <div class="auth-logo">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                    </span>
-                                </a>
-            
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="22">
-                                    </span>
-                                </a>
-                            </div>
-                        </div>
-
-                        <!-- title-->
-                        <h4 class="mt-0">Sign Up</h4>
-                        <p class="text-muted mb-4">Don't have an account? Create your own account, it takes less than a minute</p>
-
-                        <form action="#">
-
-                            <div class="form-group">
-                                <label for="fullname">Full Name</label>
-                                <input class="form-control" type="text" id="fullname" placeholder="Enter your name" required>
-                            </div>
-                            <div class="form-group">
-                                <label for="emailaddress">Email address</label>
-                                <input class="form-control" type="email" id="emailaddress" required placeholder="Enter your email">
-                            </div>
-                            <div class="form-group">
-                                <label for="password">Password</label>
-                                <div class="input-group input-group-merge">
-                                    <input type="password" id="password" class="form-control" placeholder="Enter your password">
-                                    <div class="input-group-append" data-password="false">
-                                        <div class="input-group-text">
-                                            <span class="password-eye"></span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="form-group">
-                                <div class="custom-control custom-checkbox">
-                                    <input type="checkbox" class="custom-control-input" id="checkbox-signup">
-                                    <label class="custom-control-label" for="checkbox-signup">I accept <a href="javascript: void(0);" class="text-dark">Terms and Conditions</a></label>
-                                </div>
-                            </div>
-                            <div class="form-group mb-0 text-center">
-                                <button class="btn btn-primary btn-block" type="submit"> Sign Up </button>
-                            </div>
-
-                            <div class="text-center mt-4">
-                                <h5 class="mt-0 text-muted">Sign Up using</h5>
-                                <ul class="social-list list-inline mt-3 mb-0">
-                                    <li class="list-inline-item">
-                                        <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                    </li>
-                                    <li class="list-inline-item">
-                                        <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                    </li>
-                                    <li class="list-inline-item">
-                                        <a href="javascript: void(0);" class="social-list-item border-info text-info"><i class="mdi mdi-twitter"></i></a>
-                                    </li>
-                                    <li class="list-inline-item">
-                                        <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                    </li>
-                                </ul>
-                            </div>
-
-                        </form>
-
-                        <!-- Footer-->
-                        <footer class="footer footer-alt">
-                            <p class="text-muted">Already have account? <a href="auth-login-2.html" class="text-primary font-weight-medium ml-1">Sign In</a></p>
-                        </footer>
-
-                    </div> <!-- end .card-body -->
-                </div> <!-- end .align-items-center.d-flex.h-100-->
-            </div>
-            <!-- end auth-fluid-form-box-->
-        </div>
-        <!-- end auth-fluid-->
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-register.html b/public/modern/auth-register.html
deleted file mode 100644
index ea79540..0000000
--- a/public/modern/auth-register.html
+++ /dev/null
@@ -1,133 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Register & Signup | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="account-pages mt-5 mb-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-md-8 col-lg-6 col-xl-5">
-                        <div class="card">
-
-                            <div class="card-body p-4">
-                                
-                                <div class="text-center w-75 m-auto">
-                                    <div class="auth-logo">
-                                        <a href="index.html" class="logo logo-dark text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                    
-                                        <a href="index.html" class="logo logo-light text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-light.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                                    </div>
-                                    <p class="text-muted mb-4 mt-3">Don't have an account? Create your own account, it takes less than a minute</p>
-                                </div>
-
-                                <form action="#">
-
-                                    <div class="form-group">
-                                        <label for="fullname">Full Name</label>
-                                        <input class="form-control" type="text" id="fullname" placeholder="Enter your name" required>
-                                    </div>
-                                    <div class="form-group">
-                                        <label for="emailaddress">Email address</label>
-                                        <input class="form-control" type="email" id="emailaddress" required placeholder="Enter your email">
-                                    </div>
-                                    <div class="form-group">
-                                        <label for="password">Password</label>
-                                        <div class="input-group input-group-merge">
-                                            <input type="password" id="password" class="form-control" placeholder="Enter your password">
-                                            <div class="input-group-append" data-password="false">
-                                                <div class="input-group-text">
-                                                    <span class="password-eye"></span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="form-group">
-                                        <div class="custom-control custom-checkbox">
-                                            <input type="checkbox" class="custom-control-input" id="checkbox-signup">
-                                            <label class="custom-control-label" for="checkbox-signup">I accept <a href="javascript: void(0);" class="text-dark">Terms and Conditions</a></label>
-                                        </div>
-                                    </div>
-                                    <div class="form-group mb-0 text-center">
-                                        <button class="btn btn-primary btn-block" type="submit"> Sign Up </button>
-                                    </div>
-
-                                </form>
-
-                                <div class="text-center">
-                                    <h5 class="mt-3 text-muted">Sign Up using</h5>
-                                    <ul class="social-list list-inline mt-3 mb-0">
-                                        <li class="list-inline-item">
-                                            <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                        </li>
-                                        <li class="list-inline-item">
-                                            <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                        </li>
-                                        <li class="list-inline-item">
-                                            <a href="javascript: void(0);" class="social-list-item border-info text-info"><i class="mdi mdi-twitter"></i></a>
-                                        </li>
-                                        <li class="list-inline-item">
-                                            <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>
-
-                            </div> <!-- end card-body -->
-                        </div>
-                        <!-- end card -->
-
-                        <div class="row mt-3">
-                            <div class="col-12 text-center">
-                                <p class="text-muted">Already have account? <a href="auth-login.html" class="text-primary font-weight-medium ml-1">Sign In</a></p>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-            <!-- end container -->
-        </div>
-        <!-- end page -->
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="" class="text-dark">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-signin-signup-2.html b/public/modern/auth-signin-signup-2.html
deleted file mode 100644
index 7bcd7ab..0000000
--- a/public/modern/auth-signin-signup-2.html
+++ /dev/null
@@ -1,188 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Auth Pages | Create Account | Sign In 2 | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading auth-fluid-pages pb-0">
-
-        <div class="auth-fluid">
-            <!-- Auth fluid right content -->
-            <div class="auth-fluid-right">
-                <div class="auth-user-testimonial">
-                    <h3 class="mb-3 text-white">Very elegant & impressive!</h3>
-                    <p class="lead font-weight-normal"><i class="mdi mdi-format-quote-open"></i> I've been using this theme for a while and I must say that whenever I am looking for a design - I refer to this theme for specifics & implementation. With wide arrays of components, designs, charts - I would highly recommend this theme for anyone using it for dashboard or project management usage.. <i class="mdi mdi-format-quote-close"></i>
-                    </p>
-                    <h5 class="text-white">
-                        - Admin User
-                    </h5>
-                </div> <!-- end auth-user-testimonial-->
-            </div>
-            <!-- end Auth fluid right content -->
-
-            <!--Auth fluid left content -->
-            <div class="auth-fluid-form-box">
-                <div class="align-items-center d-flex h-100">
-                    <div class="card-body">
-
-                        <!-- Logo -->
-                        <div class="auth-brand text-center text-lg-left">
-                            <div class="auth-logo">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                    </span>
-                                </a>
-            
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="22">
-                                    </span>
-                                </a>
-                            </div>
-                        </div>
-
-                        <ul class="nav nav-tabs nav-bordered">
-                            <li class="nav-item">
-                                <a href="#tab-login" data-toggle="tab" aria-expanded="false" class="nav-link active">
-                                    Log In
-                                </a>
-                            </li>
-                            <li class="nav-item">
-                                <a href="#tab-signup" data-toggle="tab" aria-expanded="true" class="nav-link">
-                                    Sign Up
-                                </a>
-                            </li>
-                        </ul>
-                        <div class="tab-content">
-                            <div class="tab-pane show active" id="tab-login">
-                                <p class="text-muted mb-3">Enter your email address and password to access admin panel.</p>
-
-                                <!-- form -->
-                                <form action="#">
-                                    <div class="form-group">
-                                        <label for="emailaddress">Email address</label>
-                                        <input class="form-control" type="email" id="emailaddress" required="" placeholder="Enter your email">
-                                    </div>
-                                    <div class="form-group">
-                                        <a href="auth-recoverpw-2.html" class="text-muted float-right"><small>Forgot your password?</small></a>
-                                        <label for="password">Password</label>
-                                        <input class="form-control" type="password" required="" id="password" placeholder="Enter your password">
-                                    </div>
-                                    <div class="form-group mb-3">
-                                        <div class="custom-control custom-checkbox">
-                                            <input type="checkbox" class="custom-control-input" id="checkbox-signin">
-                                            <label class="custom-control-label" for="checkbox-signin">Remember me</label>
-                                        </div>
-                                    </div>
-                                    <div class="form-group mb-0 text-center">
-                                        <button class="btn btn-primary btn-block" type="submit">Log In </button>
-                                    </div>
-                                    <!-- social-->
-                                    <div class="text-center mt-4">
-                                        <h5 class="mt-3 text-muted">Sign in with</h5>
-                                        <ul class="social-list list-inline mt-3">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-info text-info"><i class="mdi mdi-twitter"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </form>
-                                <!-- end form-->
-                            </div>
-                            <div class="tab-pane" id="tab-signup">
-                                <p class="text-muted mb-3">Don't have an account? Create your own account, it takes less than a minute</p>
-
-                                <!-- form -->
-                                <form action="#">
-                                    <div class="form-group">
-                                        <label for="fullname">Full Name</label>
-                                        <input class="form-control" type="text" id="fullname" placeholder="Enter your name" required>
-                                    </div>
-                                    <div class="form-group">
-                                        <label for="emailaddress">Email address</label>
-                                        <input class="form-control" type="email" id="emailaddress" required placeholder="Enter your email">
-                                    </div>
-                                    <div class="form-group">
-                                        <label for="password">Password</label>
-                                        <input class="form-control" type="password" required id="password" placeholder="Enter your password">
-                                    </div>
-                                    <div class="form-group">
-                                        <div class="custom-control custom-checkbox">
-                                            <input type="checkbox" class="custom-control-input" id="checkbox-signup">
-                                            <label class="custom-control-label" for="checkbox-signup">I accept <a href="javascript: void(0);" class="text-dark">Terms and Conditions</a></label>
-                                        </div>
-                                    </div>
-                                    <div class="form-group mb-0 text-center">
-                                        <button class="btn btn-primary waves-effect waves-light btn-block" type="submit"> Sign Up </button>
-                                    </div>
-                                    <!-- social-->
-                                    <div class="text-center mt-4">
-                                        <h5 class="mt-3 text-muted">Sign Up using</h5>
-                                        <ul class="social-list list-inline mt-3 mb-0">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-info text-info"><i class="mdi mdi-twitter"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </form>
-                                <!-- end form-->
-                            </div>
-                        </div>
-
-                        <!-- Footer-->
-                        <footer class="footer footer-alt">
-                            <p class="text-muted"><script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="javascript: void(0);" class="text-dark">Coderthemes</a> </p>
-                        </footer>
-
-                    </div> <!-- end .card-body -->
-                </div> <!-- end .align-items-center.d-flex.h-100-->
-            </div>
-            <!-- end auth-fluid-form-box-->
-        </div>
-        <!-- end auth-fluid-->
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/auth-signin-signup.html b/public/modern/auth-signin-signup.html
deleted file mode 100644
index 761080e..0000000
--- a/public/modern/auth-signin-signup.html
+++ /dev/null
@@ -1,137 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Auth Pages | Create Account | Sign In | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="account-pages mt-5 mb-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-xl-10">
-                        <div class="card">
-
-                            <div class="card-body p-4">
-                                
-                                <div class="text-center mb-4">
-                                    <div class="auth-logo">
-                                        <a href="index.html" class="logo logo-dark text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                    
-                                        <a href="index.html" class="logo logo-light text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-light.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                                    </div>
-                                </div>
-
-                                <div class="row">
-                                    <div class="col-lg-6">
-                                        <div class="p-sm-3">
-                                            <!-- title-->
-                                            <h4 class="mt-0">Sign In</h4>
-                                            <p class="text-muted mb-4">Enter your email address and password to access account.</p>
-                                            <form action="#">
-                                                <div class="form-group mb-3">
-                                                    <label for="emailaddress">Email address</label>
-                                                    <input class="form-control" type="email" id="emailaddress" required="" placeholder="Enter your email">
-                                                </div>
-            
-                                                <div class="form-group mb-3">
-                                                    <a href="auth-recoverpw.html" class="text-muted font-13 float-right">Forgot your password?</a>
-                                                    <label for="password">Password</label>
-                                                    <input class="form-control" type="password" required="" id="password" placeholder="Enter your password">
-                                                </div>
-            
-                                                <div class="form-group mb-3">
-                                                    <button class="btn btn-primary float-sm-right" type="submit"> Log In </button>
-                                                    <div class="custom-control custom-checkbox pt-1 overflow-hidden">
-                                                        <input type="checkbox" class="custom-control-input" id="checkbox-signin" checked>
-                                                        <label class="custom-control-label" for="checkbox-signin">Remember me</label>
-                                                    </div>
-                                                </div>
-    
-                                            </form>
-                                        </div>
-                                    </div> <!-- end col -->
-
-                                    <div class="col-lg-6">
-                                        <div class="p-sm-3">
-                                            <h4 class="mt-3 mt-lg-0">Free Sign Up</h4>
-                                            <p class="text-muted mb-4">Don't have an account? Create your account, it takes less than a minute</p>
-
-                                            <form action="#">
-                                                <div class="form-group mb-3">
-                                                    <label for="fullname">Full Name</label>
-                                                    <input class="form-control" type="text" id="fullname" placeholder="Enter your name" required>
-                                                </div>
-                                                <div class="form-group mb-3">
-                                                    <label for="emailaddress2">Email address</label>
-                                                    <input class="form-control" type="email" id="emailaddress2" required placeholder="Enter your email">
-                                                </div>
-                                                <div class="form-group mb-3">
-                                                    <label for="password2">Password</label>
-                                                    <input class="form-control" type="password" required id="password2" placeholder="Enter your password">
-                                                </div>
-                                                <div class="form-group mb-0">
-                                                    <button class="btn btn-success float-sm-right" type="submit"> Sign Up </button>
-                                                    <div class="custom-control custom-checkbox pt-1 overflow-hidden">
-                                                        <input type="checkbox" class="custom-control-input" id="checkbox-signup">
-                                                        <label class="custom-control-label" for="checkbox-signup">I accept <a href="javascript: void(0);" class="text-dark">Terms and Conditions</a></label>
-                                                    </div>
-                                                </div>
-                                            </form>
-                                        </div>
-                                        
-                                    </div> <!-- end col -->
-                                </div>
-                                <!-- end row-->
-                                
-
-                            </div> <!-- end card-body -->
-                        </div>
-                        <!-- end card -->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-            <!-- end container -->
-        </div>
-        <!-- end page -->
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="" class="text-dark">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/charts-apex.html b/public/modern/charts-apex.html
deleted file mode 100644
index 6a557e2..0000000
--- a/public/modern/charts-apex.html
+++ /dev/null
@@ -1,2142 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Apexcharts | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Apexcharts</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Charts</a></li>
-                                            <li class="breadcrumb-item active">Apexcharts</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase1" role="button" aria-expanded="false" aria-controls="cardCollpase1"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Sparkline Charts</h4>
-
-                                        <div id="cardCollpase1" class="collapse pt-3 show" dir="ltr">
-                                            <div class="row">
-                                                <div class="col-md-4">
-                                                    <div id="spark1" class="apex-charts" data-colors="#48c2e7"></div>
-                                                </div>
-                                                <div class="col-md-4">
-                                                    <div id="spark2" class="apex-charts" data-colors="#DCE6EC"></div>
-                                                </div>
-                                                <div class="col-md-4">
-                                                    <div id="spark3" class="apex-charts" data-colors="#18c984"></div>
-                                                </div>
-                                            </div> 
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase2" role="button" aria-expanded="false" aria-controls="cardCollpase2"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Line with Data Labels</h4>
-
-                                        <div id="cardCollpase2" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-line-1" class="apex-charts" data-colors="#48c2e7,#18c984"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase3" role="button" aria-expanded="false" aria-controls="cardCollpase3"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Gradient Line Chart</h4>
-
-                                        <div id="cardCollpase3" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-line-2" class="apex-charts" data-colors="#f672a7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase4" role="button" aria-expanded="false" aria-controls="cardCollpase4"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Stacked Area</h4>
-
-                                        <div id="cardCollpase4" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-area" class="apex-charts" data-colors="#48c2e7,#18c984,#CED4DC"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase5" role="button" aria-expanded="false" aria-controls="cardCollpase5"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Basic Column Chart</h4>
-
-                                        <div id="cardCollpase5" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-column-1" class="apex-charts" data-colors="#48c2e7,#18c984,#CED4DC"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase6" role="button" aria-expanded="false" aria-controls="cardCollpase6"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Column Chart with Datalabels</h4>
-
-                                        <div id="cardCollpase6" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-column-2" class="apex-charts" data-colors="#48c2e7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase7" role="button" aria-expanded="false" aria-controls="cardCollpase7"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Mixed Chart - Line & Area</h4>
-
-                                        <div id="cardCollpase7" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-mixed-1" class="apex-charts" data-colors="#CED4DC,#48c2e7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase8" role="button" aria-expanded="false" aria-controls="cardCollpase8"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Basic Bar Chart</h4>
-
-                                        <div id="cardCollpase8" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-bar-1" class="apex-charts" data-colors="#18c984"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase9" role="button" aria-expanded="false" aria-controls="cardCollpase9"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Bar with Negative Values</h4>
-
-                                        <div id="cardCollpase9" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-bar-2" class="apex-charts" data-colors="#48c2e7,#18c984"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase10" role="button" aria-expanded="false" aria-controls="cardCollpase10"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Line, Column & Area Chart</h4>
-
-                                        <div id="cardCollpase10" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-mixed-2" class="apex-charts" data-colors="#48c2e7,#18c984,#f672a7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase11" role="button" aria-expanded="false" aria-controls="cardCollpase11"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Multiple Y-Axis Chart</h4>
-
-                                        <div id="cardCollpase11" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-mixed-3" class="apex-charts" data-colors="#48c2e7,#ebf2f6,#f672a7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase12" role="button" aria-expanded="false" aria-controls="cardCollpase12"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Simple Bubble Chart</h4>
-
-                                        <div id="cardCollpase12" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-bubble-1" class="apex-charts" data-colors="#48c2e7,#18c984,#f672a7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase13" role="button" aria-expanded="false" aria-controls="cardCollpase13"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">3D Bubble Chart</h4>
-
-                                        <div id="cardCollpase13" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-bubble-2" class="apex-charts" data-colors="#48c2e7,#18c984,#6559cc,#f672a7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase14" role="button" aria-expanded="false" aria-controls="cardCollpase14"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Scatter (XY) Chart</h4>
-
-                                        <div id="cardCollpase14" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-scatter-1" class="apex-charts" data-colors="#18c984,#f672a7,#6c757d"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase15" role="button" aria-expanded="false" aria-controls="cardCollpase15"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Scatter Chart - Datetime</h4>
-
-                                        <div id="cardCollpase15" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-scatter-2" class="apex-charts" data-colors="#48c2e7,#18c984,#f672a7,#6c757d,#6559cc"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase16" role="button" aria-expanded="false" aria-controls="cardCollpase16"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Simple Candlestick Chart</h4>
-
-                                        <div id="cardCollpase16" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-candlestick-1" class="apex-charts" data-colors="#48c2e7,#18c984"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase17" role="button" aria-expanded="false" aria-controls="cardCollpase17"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Combo Candlestick Chart</h4>
-
-                                        <div id="cardCollpase17" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-candlestick-2" class="apex-charts" data-colors="#48c2e7,#f7b84b"></div>
-                                            <div id="apex-candlestick-3" class="apex-charts" data-colors="#f45454,#37cde6"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-xl-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase18" role="button" aria-expanded="false" aria-controls="cardCollpase18"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Simple Pie Chart</h4>
-
-                                        <div id="cardCollpase18" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-pie-1" class="apex-charts" data-colors="#48c2e7,#18c984,#f7b84b,#6559cc,#f672a7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase19" role="button" aria-expanded="false" aria-controls="cardCollpase19"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Gradient Donut Chart</h4>
-
-                                        <div id="cardCollpase19" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-pie-2" class="apex-charts" data-colors="#48c2e7,#18c984,#f7b84b,#6559cc,#f672a7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase20" role="button" aria-expanded="false" aria-controls="cardCollpase20"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Patterned Donut Chart</h4>
-
-                                        <div id="cardCollpase20" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-pie-3" class="apex-charts" data-colors="#48c2e7,#18c984,#f7b84b,#6559cc,#f672a7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-xl-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase21" role="button" aria-expanded="false" aria-controls="cardCollpase21"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Basic RadialBar Chart</h4>
-
-                                        <div id="cardCollpase21" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-radialbar-1" class="apex-charts" data-colors="#48c2e7"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase22" role="button" aria-expanded="false" aria-controls="cardCollpase22"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Multiple RadialBars</h4>
-
-                                        <div id="cardCollpase22" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-radialbar-2" class="apex-charts" data-colors="#48c2e7,#f672a7,#18c984,#f7b84b"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase23" role="button" aria-expanded="false" aria-controls="cardCollpase23"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Stroked Circular Guage</h4>
-
-                                        <div id="cardCollpase23" class="collapse pt-3 show" dir="ltr">
-                                            <div id="apex-radialbar-3" class="apex-charts" data-colors="#f1556c"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Third Party js-->
-        <script src="../assets/libs/apexcharts/apexcharts.min.js"></script>
-        <script src="https://apexcharts.com/samples/assets/irregular-data-series.js"></script>
-        <script src="https://apexcharts.com/samples/assets/ohlc.js"></script>
-
-        <!-- init js -->
-        <script src="../assets/js/pages/apexcharts.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/charts-c3.html b/public/modern/charts-c3.html
deleted file mode 100644
index 1bf09b2..0000000
--- a/public/modern/charts-c3.html
+++ /dev/null
@@ -1,1788 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>C3 Charts | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- C3 Chart css -->
-        <link href="../assets/libs/c3/c3.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">C3 Charts</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Charts</a></li>
-                                            <li class="breadcrumb-item active">C3</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Bar Chart</h4>
-
-                                        <div id="chart" style="height: 300px;" data-colors="#e3eaef,#18c984,#526dee" dir="ltr"></div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Stacked Area Chart</h4>
-
-                                        <div id="chart-stacked" style="height: 300px;" data-colors="#18c984,#526dee" dir="ltr"></div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- End row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Roated Chart</h4>
-
-                                        <div id="roated-chart" style="height: 300px;" data-colors="#18c984,#4a81d4" dir="ltr"></div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Combine Chart</h4>
-
-                                        <div id="combine-chart" style="height: 300px;" data-colors="#e3eaef,#526dee,#f672a7,#6559cc,#18c984" dir="ltr"></div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- End row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Donut Chart</h4>
-
-                                        <div id="donut-chart" style="height: 300px;" data-colors="#e3eaef,#526dee,#18c984" dir="ltr"></div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Pie Chart</h4>
-
-                                        <div id="pie-chart" style="height: 300px;" data-colors="#526dee,#e3eaef,#18c984" dir="ltr"></div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- End row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Scatter Plot</h4>
-
-                                        <div id="scatter-plot" style="height: 300px;" data-colors="#526dee,#18c984,#526dee,#18c984" dir="ltr"></div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Line Chart with Regions</h4>
-
-                                        <div id="line-regions" style="height: 300px;" data-colors="#526dee,#18c984" dir="ltr"></div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- End row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!--C3 Chart-->
-        <script src="../assets/libs/d3/d3.min.js"></script>
-        <script src="../assets/libs/c3/c3.min.js"></script>
-
-        <!-- Init js -->
-        <script src="../assets/js/pages/c3.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/charts-chartist.html b/public/modern/charts-chartist.html
deleted file mode 100644
index 934b32a..0000000
--- a/public/modern/charts-chartist.html
+++ /dev/null
@@ -1,2022 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Chartist Charts | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Chartist Chart CSS -->
-        <link rel="stylesheet" href="../assets/libs/chartist/chartist.min.css">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Chartist Charts</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Charts</a></li>
-                                            <li class="breadcrumb-item active">Chartist</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Advanced Smil Animations</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-    
-                                        <div id="smil-animations" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Simple line chart</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="simple-line-chart" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Line Scatter Diagram</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="scatter-diagram" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Line chart with tooltips</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="line-chart-tooltips" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Line chart with area</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="chart-with-area" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bi-polar Line chart with area only</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="bi-polar-line" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">SVG Path animation</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="svg-animation" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Line Interpolation / Smoothing</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="line-smoothing" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Different configuration for different series</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="different-series" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">SVG Animations chart</h4>
-                                        <p class="sub-header">
-                                            Example of Label placement chart.
-                                        </p>
-
-                                        <div id="svg-dot-animation" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bi-polar bar chart</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="bi-polar-bar" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Overlapping bars on mobile</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="overlapping-bars" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Multi-line labels</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="multi-line-chart" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Stacked bar chart</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="stacked-bar-chart" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Horizontal bar chart</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="horizontal-bar-chart" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Extreme responsive configuration</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="extreme-chart" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Distributed series</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="distributed-series" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Label placement</h4>
-                                        <p class="sub-header">
-                                            Example of Label placement chart.
-                                        </p>
-
-                                        <div id="label-placement-chart" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Animating a Donut with Svg.animate</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="animating-donut" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Simple pie chart</h4>
-                                        <p class="sub-header">
-                                            Example of Label placement chart.
-                                        </p>
-
-                                        <div id="simple-pie" class="ct-chart ct-golden-section simple-pie-chart-chartist"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Pie chart with custom labels</h4>
-                                        <p class="sub-header">
-                                            Example of Horizontal bar chart.
-                                        </p>
-
-                                        <div id="pie-chart" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Gauge chart</h4>
-                                        <p class="sub-header">
-                                            Example of Label placement chart.
-                                        </p>
-
-                                        <div id="gauge-chart" class="ct-chart ct-golden-section"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!--Chartist Chart-->
-        <script src="../assets/libs/chartist/chartist.min.js"></script>
-        <script src="../assets/libs/chartist-plugin-tooltips/chartist-plugin-tooltip.min.js"></script>
-
-        <!-- Init js -->
-        <script src="../assets/js/pages/chartist.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/charts-chartjs.html b/public/modern/charts-chartjs.html
deleted file mode 100644
index cbca673..0000000
--- a/public/modern/charts-chartjs.html
+++ /dev/null
@@ -1,1770 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Chartjs | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Chartjs</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Charts</a></li>
-                                            <li class="breadcrumb-item active">Chartjs</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Line Chart</h4>
-                                        <div class="mt-4 chartjs-chart">
-                                            <canvas id="line-chart-example" height="350" data-colors="#526dee,#f672a7"></canvas>
-                                        </div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bar Chart</h4>
-
-                                        <div class="mt-4 chartjs-chart">
-                                            <canvas id="bar-chart-example" height="350" data-colors="#18c984,#e3eaef"></canvas>
-                                        </div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Pie Chart</h4>
-
-                                        <div class="mt-4 chartjs-chart">
-                                            <canvas id="pie-chart-example" height="350" class="mt-4" data-colors="#526dee,#18c984,#f7b84b,#e3eaef"></canvas>
-                                        </div>
-    
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Donut Chart</h4>
-   
-                                        <div class="mt-4 chartjs-chart">
-                                            <canvas id="donut-chart-example" height="350" data-colors="#526dee,#18c984,#e3eaef"></canvas>
-                                        </div>
-    
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Polar area Chart</h4>
-
-                                        <div class="mt-4 chartjs-chart">
-                                            <canvas id="polar-chart-example" height="350" data-colors="#526dee,#f7b84b,#18c984,#e3eaef"> </canvas>
-                                        </div>
-    
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Radar Chart</h4>
-
-                                        <div class="mt-4 chartjs-chart">
-                                            <canvas id="radar-chart-example" height="350" data-colors="#526dee,#f672a7"></canvas>
-                                        </div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->    
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Chart JS -->
-        <script src="../assets/libs/chart.js/Chart.bundle.min.js"></script>
-
-        <!-- Init js -->
-        <script src="../assets/js/pages/chartjs.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/charts-flot.html b/public/modern/charts-flot.html
deleted file mode 100644
index eba9739..0000000
--- a/public/modern/charts-flot.html
+++ /dev/null
@@ -1,1790 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Flot Charts | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Flot Charts</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Charts</a></li>
-                                            <li class="breadcrumb-item active">Flot</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Multiple Statistics</h4>
-
-                                        <div id="website-stats" style="height: 350px;" class="flot-chart mt-5" data-colors="#526dee,#18c984"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Line Chart</h4>
-
-                                        <div id="website-stats1" style="height: 350px;" class="flot-chart mt-5" data-colors="#526dee,#18c984"></div>
-                                    </div>
-                                </div>
-                                <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Donut Pie</h4>
-
-                                        <div id="donut-chart" class="flot-chart mt-5" data-colors="#526dee,#f672a7,#f7b84b,#6559cc,#18c984" style="height: 350px;"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                            
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Realtime Statistics</h4>
-
-                                        <div id="flotRealTime" style="height: 350px;" data-colors="#526dee" class="flot-chart mt-5"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Line Chart</h4>
-
-                                        <div id="line-chart-alt" class="mt-5" data-colors="#526dee,#18c984" style="height:350px;"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Combine Chart</h4>
-
-                                        <div id="combine-chart" data-colors="#e3eaef,#f672a7,#526dee" class="flot-chart mt-5" style="height: 350px;"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Stacked Bar chart</h4>
-
-                                        <div id="ordered-bars-chart" style="height: 350px;" class="mt-5" data-colors="#e3eaef,#526dee,#18c984"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Pie Chart</h4>
-
-                                        <div id="pie-chart" class="flot-chart mt-5" data-colors="#526dee,#f672a7,#f7b84b,#6559cc,#18c984" style="height: 350px;"></div>
-                                        
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- flot-charts js -->
-        <script src="../assets/libs/flot-charts/jquery.flot.js"></script>
-        <script src="../assets/libs/flot-charts/jquery.flot.time.js"></script>
-        <script src="../assets/libs/jquery.flot.tooltip/js/jquery.flot.tooltip.min.js"></script>
-        <script src="../assets/libs/flot-charts/jquery.flot.resize.js"></script>
-        <script src="../assets/libs/flot-charts/jquery.flot.pie.js"></script>
-        <script src="../assets/libs/flot-charts/jquery.flot.selection.js"></script>
-        <script src="../assets/libs/flot-charts/jquery.flot.stack.js"></script>
-        <script src="../assets/libs/flot-orderbars/js/jquery.flot.orderBars.js"></script>
-        <script src="../assets/libs/flot-charts/jquery.flot.crosshair.js"></script>
-
-        <!-- init js -->
-        <script src="../assets/js/pages/flot.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/charts-knob.html b/public/modern/charts-knob.html
deleted file mode 100644
index 64e0490..0000000
--- a/public/modern/charts-knob.html
+++ /dev/null
@@ -1,1815 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Jquery knob Charts | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Jquery knob Charts</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Charts</a></li>
-                                            <li class="breadcrumb-item active">Jquery knob</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="text-center" dir="ltr">
-                                            <h5>Lifetime Sales</h5>
-                                            <h3 class="mb-3"><i class="mdi mdi-arrow-up-bold-circle-outline text-success"></i> 549849 <small>USD</small></h3>
-    
-                                            <input data-plugin="knob" data-width="150" data-height="150" data-bgColor="rgba(150, 150, 150, 0.1)"
-                                               data-fgColor="#18c984" data-displayInput=false value="35"/>
-                                            <h6 class="text-muted mt-2">Disable display input</h6>
-                                        </div> <!-- end .text-center -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="text-center" dir="ltr">
-                                            <h5>Income Amounts</h5>
-                                            <h3 class="mb-3"><i class="mdi mdi-arrow-up-bold-circle-outline text-success"></i> 64654 <small>USD</small></h3>
-                                            <input data-plugin="knob" data-width="150" data-height="150" data-cursor=true data-bgColor="rgba(150, 150, 150, 0.1)"
-                                            data-fgColor="#526dee" value="29"  data-knob-icon="icon-dollar"/>
-
-                                            <h6 class="text-muted mt-2">Cursor mode</h6>
-                                        </div> <!-- end .text-center -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                            
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="text-center" dir="ltr">
-                                            <h5>Total visits</h5>
-                                            <h3 class="mb-3"><i class="mdi mdi-arrow-down-bold-circle-outline text-danger"></i> 87798 <small>USD</small></h3>
-                                            <input data-plugin="knob" data-width="150" data-height="150" data-min="-100" data-bgColor="rgba(150, 150, 150, 0.1)"
-                                            data-fgColor="#48c2e7" data-displayPrevious=true value="44"/>
-                                            <h6 class="text-muted mt-2">Display previous value</h6>
-                                        </div> <!-- end .text-center -->
-                                    </div>
-                                </div> <!-- end card-box -->
-                            </div><!-- end col-->
-
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="text-center" dir="ltr">
-                                            <h5>You have to pay</h5>
-                                            <h3 class="mb-3"><i class="mdi mdi-arrow-down-bold-circle-outline text-danger"></i> 545 <small>USD</small></h3>
-                                            <input data-plugin="knob" data-width="150" data-height="150" data-min="-100" data-bgColor="rgba(150, 150, 150, 0.1)"
-                                            data-fgColor="#f4bf3e" data-displayPrevious=true data-angleOffset=-125
-                                            data-angleArc=250 value="44"/>
-                                            <h6 class="text-muted mt-2">Angle offset and arc</h6>
-                                        </div> <!-- end .text-center -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-
-                        </div><!-- end row -->
-
-                        <div class="row">
-
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="text-center" dir="ltr">
-                                            <h5>Lifetime Sales</h5>
-                                            <h3 class="mb-3"><i class="mdi mdi-arrow-down-bold-circle-outline text-danger"></i> 898 <small>USD</small></h3>
-                                            <input data-plugin="knob" data-width="150" data-height="150" data-bgColor="rgba(150, 150, 150, 0.1)"
-                                            data-angleOffset="90" data-linecap="round" data-fgColor="#eb5151"
-                                            value="35"/>
-                                            <h6 class="text-muted mt-2">Angle offset</h6>
-                                        </div> <!-- end .text-center -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="text-center" dir="ltr">
-                                            <h5>Income Amounts</h5>
-                                            <h3 class="mb-3"><i class="mdi mdi-arrow-up-bold-circle-outline text-success"></i> 54 <small>USD</small></h3>
-                                            <input data-plugin="knob" data-width="150" data-height="150" data-min="-15000" data-bgColor="rgba(150, 150, 150, 0.1)"
-                                            data-displayPrevious=true data-max="15000" data-step="1000"
-                                            value="-11000" data-fgColor="#6559cc"/>
-                                            <h6 class="text-muted mt-2">5-digit values, step 1000</h6>
-                                        </div> <!-- end .text-center -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="text-center" dir="ltr">
-                                            <h5>Lifetime Sales</h5>
-                                            <h3 class="mb-3"><i class="mdi mdi-arrow-up-bold-circle-outline text-success"></i> 48948 <small>USD</small></h3>
-                                            <input data-plugin="knob" data-width="150" data-height="150" data-linecap=round
-                                            data-fgColor="#f56ba2" value="80" data-skin="tron" data-angleOffset="180" data-bgColor="rgba(150, 150, 150, 0.1)"
-                                            data-readOnly=true data-thickness=".1"/>
-                                            <h6 class="text-muted mt-2">Readonly</h6>
-                                        </div> <!-- end .text-center -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="text-center" dir="ltr">
-                                            <h5>You have to pay</h5>
-                                            <h3 class="mb-3"><i class="mdi mdi-arrow-down-bold-circle-outline text-danger"></i> 4894 <small>USD</small></h3>
-                                            <input data-plugin="knob" data-width="150" data-height="150"
-                                            data-displayPrevious=true data-fgColor="#6c757d" data-skin="tron"
-                                            data-cursor=true value="75" data-thickness=".2" data-angleOffset=-125 data-bgColor="rgba(150, 150, 150, 0.1)"
-                                            data-angleArc=250 />
-                                            <h6 class="text-muted mt-2">Angle offset and arc</h6>
-                                        </div> <!-- end .text-center -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-
-                        </div><!-- end row-->
-                        
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- KNOB JS -->
-        <script src="../assets/libs/jquery-knob/jquery.knob.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/charts-morris.html b/public/modern/charts-morris.html
deleted file mode 100644
index 2836e38..0000000
--- a/public/modern/charts-morris.html
+++ /dev/null
@@ -1,1794 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Morris Charts | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Morris Charts</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Charts</a></li>
-                                            <li class="breadcrumb-item active">Morris</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Stacked Bar Chart</h4>
-                                        <div class="text-center">
-                                            <p class="text-muted font-15 font-family-secondary mb-0">
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-success"></i> Bitcoin</span>
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-primary"></i> Ethereum</span>
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-muted"></i> Litecoin</span>
-                                            </p>
-                                        </div>
-                                        <div id="morris-bar-stacked" style="height: 350px;" class="morris-chart" data-colors="#18c984,#526dee,#e3eaef"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Area Chart</h4>
-                                        <div class="text-center">
-                                            <p class="text-muted font-15 font-family-secondary mb-0">
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-success"></i> Bitcoin</span>
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-light"></i> Ethereum</span>
-                                            </p>
-                                        </div>
-                                        <div id="morris-area-example" style="height: 350px;" class="morris-chart" data-colors="#18c984,#ebeff2"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Line Chart</h4>
-                                        <div class="text-center">
-                                            <p class="text-muted font-15 font-family-secondary mb-0">
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-success"></i> Bitcoin</span>
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-primary"></i> Ethereum</span>
-                                            </p>
-                                        </div>
-                                        <div id="morris-line-example" style="height: 350px;" class="morris-chart" data-colors="#18c984,#526dee"></div>
-                                    </div>
-                                </div> <!-- card -->
-                            </div> <!-- end row -->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Bar Chart</h4>
-                                        <div class="text-center">
-                                            <p class="text-muted font-15 font-family-secondary mb-0">
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-success"></i> Bitcoin</span>
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-primary"></i> Ethereum</span>
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-light"></i> Litecoin</span>
-                                            </p>
-                                        </div>
-                                        <div id="morris-bar-example" style="height: 350px;" class="morris-chart" data-colors="#18c984,#526dee,#ebeff2"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Area Chart with Point</h4>
-                                        <div class="text-center">
-                                            <p class="text-muted font-15 font-family-secondary mb-0">
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-primary"></i> Bitcoin</span>
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-light"></i> Ethereum</span>
-                                            </p>
-                                        </div>
-                                        <div id="morris-area-with-dotted" style="height: 350px;" class="morris-chart" data-colors="#e3eaef,#526dee"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card" dir="ltr">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Donut Chart</h4>
-                                        <div id="morris-donut-example" style="height: 350px;" class="morris-chart" data-colors="#526dee,#18c984,#ebeff2"></div>
-                                        <div class="text-center">
-                                            <p class="text-muted font-15 font-family-secondary mb-0">
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-primary"></i> Bitcoin</span>
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-success"></i> Ethereum</span>
-                                                <span class="mx-2"><i class="mdi mdi-checkbox-blank-circle text-light"></i> Litecoin</span>
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!--Morris Chart-->
-        <script src="../assets/libs/morris.js06/morris.min.js"></script>
-        <script src="../assets/libs/raphael/raphael.min.js"></script>
-
-        <!-- Init js -->
-        <script src="../assets/js/pages/morris.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/charts-peity.html b/public/modern/charts-peity.html
deleted file mode 100644
index f6df3e6..0000000
--- a/public/modern/charts-peity.html
+++ /dev/null
@@ -1,1970 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Peity Charts | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Peity Charts</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Charts</a></li>
-                                            <li class="breadcrumb-item active">Peity</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Pie Charts</h4>
-
-                                        <table class="table table-borderless table-centered mb-0">
-                                            <thead class="thead-light">
-                                                <tr>
-                                                    <th>Graph</th>
-                                                    <th>Code</th>
-                                                </tr>
-                                            </thead>
-    
-                                            <tbody>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30">1/5</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30"&gt;1/5&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30">226/360</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30"&gt;226/360&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span class="pie" data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30">0.52/1.561</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30"&gt;0.52/1.561&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span class="pie" data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30">1,4</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30"&gt;1,4&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span class="pie" data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30">226,134</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30"&gt;226,134&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span class="pie" data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30">0.52,1.041</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-pie" data-colors="#526dee,#ebeff2" data-width="30" data-height="30"&gt;0.52,1.041&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div>
-                            <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Donut Charts</h4>
-
-                                        <table class="table table-borderless table-centered mb-0">
-                                            <thead class="thead-light">
-                                                <tr>
-                                                    <th>Graph</th>
-                                                    <th>Code</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                    <td>
-                                                        <span class="donut" data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30">1/5</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30"&gt;1/5&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span class="donut" data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30">226/360</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30"&gt;226/360&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span class="donut" data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30">0.52/1.561</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30"&gt;0.52/1.561&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span class="donut" data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30">1,4</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30"&gt;1/4&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span class="donut" data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30">226,134</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30"&gt;226,134&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span class="donut" data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30">1,2,3,2,2</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-donut" data-colors="#18c984,#ebeff2" data-width="30" data-height="30"&gt;1,2,3,2,2&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Line and Bars Charts</h4>
-
-                                        <table class="table table-borderless table-centered mb-0">
-                                            <thead class="thead-light">
-                                                <tr>
-                                                    <th>Graph</th>
-                                                    <th>Code</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                    <td>
-                                                        <span data-diameter="40" class="updating-chart">5,3,9,6,5,9,7,3,5,2,5,3,9,6,5,9,7,3,5,2</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span class="updating-chart"&gt;5,3,9,6,5,9,7,3,5,2&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-line" data-fill="#526dee" data-stroke="#526dee" data-width="120" data-height="40">5,3,9,6,5,9,7,3,5,2</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-line" data-fill="#526dee" data-stroke="#526dee" data-width="100" data-height="40"&gt;5,3,9,6,5,9,7,3,5,2&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-line" data-fill="#526dee" data-stroke="#526dee" data-width="120" data-height="40">5,3,2,-1,-3,-2,2,3,5,2</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-line" data-fill="#526dee" data-stroke="#526dee" data-width="100" data-height="100"&gt;5,3,2,-1,-3,-2,2,3,5,2&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-line" data-fill="#526dee" data-stroke="#526dee" data-width="120" data-height="40">0,-3,-6,-4,-5,-4,-7,-3,-5,-2</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-line" data-fill="#526dee" data-stroke="#526dee" data-width="100" data-height="100"&gt;0,-3,-6,-4,-5,-4,-7,-3,-5,-2&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-bar" data-colors="#526dee,#ebeff2" data-width="100" data-height="30">5,3,9,6,5,9,7,3,5,2</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-bar" data-colors="#526dee,#ebeff2" data-width="100" data-height="30"&gt;5,3,9,6,5,9,7,3,5,2&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-bar" data-colors="#526dee,#ebeff2" data-width="100" data-height="30">5,3,2,-1,-3,-2,2,3,5,2</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>&lt;span data-plugin="peity-bar" data-colors="#526dee,#ebeff2" data-width="100" data-height="30"&gt;5,3,2,-1,-3,-2,2,3,5,2&lt;/span&gt;</code>
-                                                    </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Data-attributes charts</h4>
-
-                                        <table class="table table-borderless table-centered mb-0">
-                                            <thead class="thead-light">
-                                                <tr>
-                                                    <th>Graph</th>
-                                                    <th>Code</th>
-                                                </tr>
-                                            </thead>
-
-                                            <tbody>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#4c5667", "#ebeff2"], "innerRadius": 24, "radius": 30 }'>6/7</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>
-                                                            &lt;span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#4c5667", "#ebeff2"],  "innerRadius": 24, "radius": 30 }'"&gt;6/7&lt;/span&gt;
-                                                        </code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#526dee", "#ebeff2"],  "innerRadius": 18, "radius": 28 }'>4/7</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>
-                                                            &lt;span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#526dee", "#ebeff2"],  "innerRadius": 18, "radius": 28 }'"&gt;4/7&lt;/span&gt;
-                                                        </code>
-                                                    </td>
-                                                </tr>
-
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#5d9cec", "#ebeff2"],   "innerRadius": 20, "radius": 24 }'>5/7</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>
-                                                            &lt;span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#5d9cec", "#ebeff2"],  "innerRadius": 20, "radius": 24 }'"&gt;5/7&lt;/span&gt;
-                                                        </code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#f672a7", "#ebeff2"], "innerRadius": 18, "radius": 20 }'>6/7</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>
-                                                            &lt;span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#f672a7", "#ebeff2"],  "innerRadius": 18, "radius": 20 }'"&gt;6/7&lt;/span&gt;
-                                                        </code>
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                    <td>
-                                                        <span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#6559cc", "#ebeff2"], "innerRadius": 18, "radius": 20 }'>5/7</span>
-                                                    </td>
-                                                    <td>
-                                                        <code>
-                                                            &lt;span data-plugin="peity-donut-alt" data-peity='{ "fill": ["#6559cc", "#ebeff2"],  "innerRadius": 18, "radius": 20 }'"&gt;5/7&lt;/span&gt;
-                                                        </code>
-                                                    </td>
-                                                </tr>
-
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Peity chart-->
-        <script src="../assets/libs/peity/jquery.peity.min.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/peity.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/charts-sparklines.html b/public/modern/charts-sparklines.html
deleted file mode 100644
index 36588cc..0000000
--- a/public/modern/charts-sparklines.html
+++ /dev/null
@@ -1,1813 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Sparklines Charts | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Sparklines Charts</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Charts</a></li>
-                                            <li class="breadcrumb-item active">Sparklines</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-md-6 col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Line Charts</h4>
-
-                                        <div class="mt-4">
-                                            <div id="sparkline1" data-colors="#526dee,#18c984"></div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6 col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bar Chart</h4>
-
-                                        <div class="mt-4">
-                                            <div id="sparkline2" data-colors="#526dee" class="text-center"></div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6 col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Pie Chart</h4>
-
-                                        <div class="mt-4">
-                                            <div id="sparkline3" data-colors="#e3eaef,#526dee,#18c984,#f1556c" class="text-center"></div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6 col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Custom Line Chart</h4>
-
-                                        <div class="mt-4">
-                                            <div id="sparkline4" data-colors="#f672a7,#526dee" class="text-center"></div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6 col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Mouse Speed Chart</h4>
-
-                                        <div class="mt-4">
-                                            <div id="sparkline5" data-colors="#18c984" class="text-center"></div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6 col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Composite bar Chart</h4>
-
-                                        <div class="text-center mt-4">
-                                            <div id="sparkline6" data-colors="#e3eaef,#18c984" class="text-center"></div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6 col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Discrete Chart</h4>
-
-                                        <div class="text-center mt-4">
-                                            <div id="sparkline7" data-colors="#4a545e" class="text-center"></div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6 col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bullet Chart</h4>
-
-                                        <div class="text-center mt-4" style="min-height: 164px;">
-                                            <div id="sparkline8" data-colors="#526dee,#5553ce" class="text-center"></div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6 col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Box Plot Chart</h4>
-
-                                        <div class="text-center mt-4" style="min-height: 164px;">
-                                            <div id="sparkline9" data-colors="#526dee,#18c984" class="text-center"></div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6 col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Tristate Charts</h4>
-
-                                        <div class="text-center mt-4" style="min-height: 164px;">
-                                            <div id="sparkline10" data-colors="#18c984,#e3eaef,#f1556c" class="text-center"></div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Sparkline charts -->
-        <script src="../assets/libs/jquery-sparkline/jquery.sparkline.min.js"></script>
-
-        <!-- init js -->
-        <script src="../assets/js/pages/sparkline.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/contacts-list.html b/public/modern/contacts-list.html
deleted file mode 100644
index b3188f8..0000000
--- a/public/modern/contacts-list.html
+++ /dev/null
@@ -1,2038 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Contacts & Members Listing | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Contacts</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Apps</a></li>
-                                            <li class="breadcrumb-item active">Contacts</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row mb-2">
-                            <div class="col-sm-4">
-                                <a href="javascript:void(0);" class="btn btn-danger mb-2"><i class="mdi mdi-plus-circle mr-2"></i> Add New</a>
-                            </div>
-                            <div class="col-sm-8">
-                                <div class="float-sm-right">
-                                    <form class="form-inline">
-                                        <div class="form-group mr-2">
-                                            <label for="membersearch-input" class="sr-only">Search</label>
-                                            <input type="search" class="form-control" id="membersearch-input" placeholder="Search...">
-                                        </div>
-                                        <button type="button" class="btn btn-success mb-2 mb-sm-0"><i class="mdi mdi-cog"></i></button>
-                                    </form>
-                                    
-                                </div>
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-3 col-sm-6">
-                                <div class="text-center card">
-                                    <div class="card-body">
-                                        
-                                        <div class="dropdown float-right">
-                                            <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical font-20"></i>
-                                            </a>
-                                            
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Action</a>
-                                                <a class="dropdown-item" href="#">Another action</a>
-                                                <a class="dropdown-item" href="#">Something else here</a>
-                                            </div>
-                                        </div>
-                                        <img src="../assets/images/users/avatar-3.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
-
-                                        <h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Denver Barker</a></h4>
-                                        <p class="text-muted">@Founder <span> | </span> <span> <a href="#" class="text-pink">websitename.com</a> </span></p>
-
-                                        <ul class="social-list list-inline mt-4 mb-2">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-    
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-3 col-sm-6">
-                                <div class="text-center card">
-                                    <div class="card-body">
-                                        
-                                        <div class="dropdown float-right">
-                                            <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical font-20"></i>
-                                            </a>
-                                            
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Action</a>
-                                                <a class="dropdown-item" href="#">Another action</a>
-                                                <a class="dropdown-item" href="#">Something else here</a>
-                                            </div>
-                                        </div>
-
-                                        <div class="avatar-xl mx-auto mt-1">
-                                            <div class="avatar-title bg-light rounded-circle">
-                                                <i class="mdi mdi-account h1 m-0 text-body"></i>
-                                            </div>
-                                        </div>
-
-                                        <h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Robert McBride</a></h4>
-                                        <p class="text-muted">@Webdesigner <span> | </span> <span> <a href="#" class="text-pink">abcweb.com</a> </span></p>
-
-                                        <ul class="social-list list-inline mt-4 mb-2">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-    
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                            <div class="col-xl-3 col-sm-6">
-                                <div class="text-center card">
-                                    <div class="card-body">
-                                        
-                                        <div class="dropdown float-right">
-                                            <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical font-20"></i>
-                                            </a>
-                                            
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Action</a>
-                                                <a class="dropdown-item" href="#">Another action</a>
-                                                <a class="dropdown-item" href="#">Something else here</a>
-                                            </div>
-                                        </div>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
-
-                                        <h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Peter White</a></h4>
-                                        <p class="text-muted">@Webdesigner <span> | </span> <span> <a href="#" class="text-pink">mywebs.com</a> </span></p>
-
-                                        <ul class="social-list list-inline mt-4 mb-2">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-    
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                            <div class="col-xl-3 col-sm-6">
-                                <div class="text-center card">
-                                    <div class="card-body">
-                                        
-                                        <div class="dropdown float-right">
-                                            <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical font-20"></i>
-                                            </a>
-                                            
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Action</a>
-                                                <a class="dropdown-item" href="#">Another action</a>
-                                                <a class="dropdown-item" href="#">Something else here</a>
-                                            </div>
-                                        </div>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
-
-                                        <h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Ronald Myrick</a></h4>
-                                        <p class="text-muted">@Director <span> | </span> <span> <a href="#" class="text-pink">profileq.com</a> </span></p>
-
-                                        <ul class="social-list list-inline mt-4 mb-2">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-    
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-3 col-sm-6">
-                                <div class="text-center card">
-                                    <div class="card-body">
-                                        
-                                        <div class="dropdown float-right">
-                                            <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical font-20"></i>
-                                            </a>
-                                            
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Action</a>
-                                                <a class="dropdown-item" href="#">Another action</a>
-                                                <a class="dropdown-item" href="#">Something else here</a>
-                                            </div>
-                                        </div>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
-
-                                        <h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Paul Halpern</a></h4>
-                                        <p class="text-muted">@Manager <span> | </span> <span> <a href="#" class="text-pink">coolweb.com</a> </span></p>
-
-                                        <ul class="social-list list-inline mt-4 mb-2">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-    
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-3 col-sm-6">
-                                <div class="text-center card">
-                                    <div class="card-body">
-                                        
-                                        <div class="dropdown float-right">
-                                            <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical font-20"></i>
-                                            </a>
-                                            
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Action</a>
-                                                <a class="dropdown-item" href="#">Another action</a>
-                                                <a class="dropdown-item" href="#">Something else here</a>
-                                            </div>
-                                        </div>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
-
-                                        <h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Ricky Atwell</a></h4>
-                                        <p class="text-muted">@Programmer <span> | </span> <span> <a href="#" class="text-pink">supported.com</a> </span></p>
-
-                                        <ul class="social-list list-inline mt-4 mb-2">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-    
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                            <div class="col-xl-3 col-sm-6">
-                                <div class="text-center card">
-                                    <div class="card-body">
-                                        
-                                        <div class="dropdown float-right">
-                                            <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical font-20"></i>
-                                            </a>
-                                            
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Action</a>
-                                                <a class="dropdown-item" href="#">Another action</a>
-                                                <a class="dropdown-item" href="#">Something else here</a>
-                                            </div>
-                                        </div>
-                                        <div class="avatar-xl mx-auto mt-1">
-                                            <div class="avatar-title bg-light rounded-circle">
-                                                <i class="mdi mdi-account h1 m-0 text-body"></i>
-                                            </div>
-                                        </div>
-
-                                        <h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">James Richards</a></h4>
-                                        <p class="text-muted">@Webdeveloper <span> | </span> <span> <a href="#" class="text-pink">website.com</a> </span></p>
-
-                                        <ul class="social-list list-inline mt-4 mb-2">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-    
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                            <div class="col-xl-3 col-sm-6">
-                                <div class="text-center card">
-                                    <div class="card-body">
-                                        
-                                        <div class="dropdown float-right">
-                                            <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical font-20"></i>
-                                            </a>
-                                            
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Action</a>
-                                                <a class="dropdown-item" href="#">Another action</a>
-                                                <a class="dropdown-item" href="#">Something else here</a>
-                                            </div>
-                                        </div>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
-
-                                        <h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Charles Martinez</a></h4>
-                                        <p class="text-muted">@Webdesigner <span> | </span> <span> <a href="#" class="text-pink">demosite.com.com</a> </span></p>
-
-                                        <ul class="social-list list-inline mt-4 mb-2">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-    
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row mb-4">
-                            <div class="col-sm-6">
-                                <div>
-                                    <h5 class="font-14 text-body">Showing Page 2 Of 12</h5>
-                                </div>
-                            </div>
-                            <div class="col-sm-6">
-                                <div class="float-sm-right">
-                                    <ul class="pagination pagination-rounded mb-sm-0">
-                                        <li class="page-item disabled">
-                                            <a href="#" class="page-link"><i class="mdi mdi-chevron-left"></i></a>
-                                        </li>
-                                        <li class="page-item">
-                                            <a href="#" class="page-link">1</a>
-                                        </li>
-                                        <li class="page-item active">
-                                            <a href="#" class="page-link">2</a>
-                                        </li>
-                                        <li class="page-item">
-                                            <a href="#" class="page-link">3</a>
-                                        </li>
-                                        <li class="page-item">
-                                            <a href="#" class="page-link">4</a>
-                                        </li>
-                                        <li class="page-item">
-                                            <a href="#" class="page-link">5</a>
-                                        </li>
-                                        <li class="page-item">
-                                            <a href="#" class="page-link"><i class="mdi mdi-chevron-right"></i></a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/contacts-profile.html b/public/modern/contacts-profile.html
deleted file mode 100644
index 55e2b3b..0000000
--- a/public/modern/contacts-profile.html
+++ /dev/null
@@ -1,2069 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Profile | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Profile</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Contacts</a></li>
-                                            <li class="breadcrumb-item active">Profile</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-4 col-xl-4">
-                                <div class="card text-center">
-                                    <div class="card-body">
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-xl img-thumbnail"
-                                        alt="profile-image">
-
-                                        <h4 class="mt-3 mb-0">Nik G. Patel</h4>
-                                        <p class="text-muted">@webdesigner</p>
-
-                                        <button type="button" class="btn btn-success btn-xs waves-effect mb-2 waves-light">Follow</button>
-                                        <button type="button" class="btn btn-danger btn-xs waves-effect mb-2 waves-light">Message</button>
-
-                                        <div class="text-left mt-3">
-                                            <h4 class="font-13 text-uppercase">About Me :</h4>
-                                            <p class="text-muted font-13 mb-3">
-                                                Hi I'm Johnathn Deo,has been the industry's standard dummy text ever since the
-                                                1500s, when an unknown printer took a galley of type.
-                                            </p>
-
-                                            <div class="table-responsive">
-                                                <table class="table table-borderless table-sm">
-                                                    <tbody>
-                                                        <tr>
-                                                            <th scope="row">Full Name :</th>
-                                                            <td class="text-muted">Nik G. Patel</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th scope="row">Mobile :</th>
-                                                            <td class="text-muted">(123) 123 1234</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th scope="row">Email :</th>
-                                                            <td class="text-muted">user@email.domain</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th scope="row">Location :</th>
-                                                            <td class="text-muted">USA</td>
-                                                        </tr>
-                                                    </tbody>
-                                                </table>
-                                            </div>
-                                        </div>
-
-                                        <ul class="social-list list-inline mb-0">
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i
-                                                        class="mdi mdi-facebook"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i
-                                                        class="mdi mdi-google"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-info text-info"><i
-                                                        class="mdi mdi-twitter"></i></a>
-                                            </li>
-                                            <li class="list-inline-item">
-                                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i
-                                                        class="mdi mdi-github"></i></a>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div> <!-- end card-box -->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Skills</h4>
-                                        <p class="sub-header mb-3">Everyone realizes why a new common language would be desirable</p>
-
-                                        <div class="pt-1">
-                                            <h6 class="text-uppercase mt-0">HTML5 <span class="float-right">90%</span></h6>
-                                            <div class="progress progress-sm m-0">
-                                                <div class="progress-bar bg-purple" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
-                                                    <span class="sr-only">90% Complete</span>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div class="mt-2 pt-1">
-                                            <h6 class="text-uppercase">PHP <span class="float-right">67%</span></h6>
-                                            <div class="progress progress-sm m-0">
-                                                <div class="progress-bar bg-purple" role="progressbar" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100" style="width: 67%">
-                                                    <span class="sr-only">67% Complete</span>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div class="mt-2 pt-1">
-                                            <h6 class="text-uppercase">WordPress <span class="float-right">48%</span></h6>
-                                            <div class="progress progress-sm m-0">
-                                                <div class="progress-bar bg-purple" role="progressbar" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100" style="width: 48%">
-                                                    <span class="sr-only">48% Complete</span>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div class="mt-2 pt-1">
-                                            <h6 class="text-uppercase">Laravel <span class="float-right">95%</span></h6>
-                                            <div class="progress progress-sm m-0">
-                                                <div class="progress-bar bg-purple" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%">
-                                                    <span class="sr-only">95% Complete</span>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div class="mt-2 pt-1">
-                                            <h6 class="text-uppercase">ReactJs <span class="float-right">72%</span></h6>
-                                            <div class="progress progress-sm m-0">
-                                                <div class="progress-bar bg-purple" role="progressbar" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100" style="width: 72%">
-                                                    <span class="sr-only">72% Complete</span>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-box-->
-
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-8 col-xl-8">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <ul class="nav nav-pills navtab-bg">
-                                            <li class="nav-item">
-                                                <a href="#about-me" data-toggle="tab" aria-expanded="true" class="nav-link active ml-0">
-                                                    <i class="mdi mdi-face-profile mr-1"></i>About Me
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#settings" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <i class="mdi mdi-cog mr-1"></i>Settings
-                                                </a>
-                                            </li>
-                                        </ul>
-    
-                                        <div class="tab-content">
-                                            
-                                            <div class="tab-pane show active" id="about-me">
-    
-                                                <h5 class="mb-4 text-uppercase">Experience</h5>
-    
-                                                <ul class="list-unstyled timeline-sm">
-                                                    <li class="timeline-sm-item">
-                                                        <span class="timeline-sm-date">2015 - 19</span>
-                                                        <h5 class="mt-0 mb-1">Lead designer / Developer</h5>
-                                                        <p>websitename.com</p>
-                                                        <p class="text-muted mt-2">Everyone realizes why a new common language
-                                                            would be desirable: one could refuse to pay expensive translators.
-                                                            To achieve this, it would be necessary to have uniform grammar,
-                                                            pronunciation and more common words.</p>
-    
-                                                    </li>
-                                                    <li class="timeline-sm-item">
-                                                        <span class="timeline-sm-date">2012 - 15</span>
-                                                        <h5 class="mt-0 mb-1">Senior Graphic Designer</h5>
-                                                        <p>Software Inc.</p>
-                                                        <p class="text-muted mt-2">If several languages coalesce, the grammar
-                                                            of the resulting language is more simple and regular than that of
-                                                            the individual languages. The new common language will be more
-                                                            simple and regular than the existing European languages.</p>
-                                                    </li>
-                                                    <li class="timeline-sm-item">
-                                                        <span class="timeline-sm-date">2010 - 12</span>
-                                                        <h5 class="mt-0 mb-1">Graphic Designer</h5>
-                                                        <p>Coderthemes LLP</p>
-                                                        <p class="text-muted mt-2 mb-0">The European languages are members of
-                                                            the same family. Their separate existence is a myth. For science
-                                                            music sport etc, Europe uses the same vocabulary. The languages
-                                                            only differ in their grammar their pronunciation.</p>
-                                                    </li>
-                                                </ul>
-    
-                                                <h5 class="mb-3 mt-5 text-uppercase">Projects</h5>
-                                                <div class="table-responsive">
-                                                    <table class="table table-borderless table-nowrap mb-0">
-                                                        <thead class="thead-light">
-                                                            <tr>
-                                                                <th>#</th>
-                                                                <th>Project Name</th>
-                                                                <th>Start Date</th>
-                                                                <th>Due Date</th>
-                                                                <th>Status</th>
-                                                                <th>Clients</th>
-                                                            </tr>
-                                                        </thead>
-                                                        <tbody>
-                                                            <tr>
-                                                                <td>1</td>
-                                                                <td>App design and development</td>
-                                                                <td>01/01/2015</td>
-                                                                <td>10/15/2018</td>
-                                                                <td><span class="badge badge-info">Work in Progress</span></td>
-                                                                <td>Halette Boivin</td>
-                                                            </tr>
-                                                            <tr>
-                                                                <td>2</td>
-                                                                <td>Coffee detail page - Main Page</td>
-                                                                <td>21/07/2016</td>
-                                                                <td>12/05/2018</td>
-                                                                <td><span class="badge badge-success">Pending</span></td>
-                                                                <td>Durandana Jolicoeur</td>
-                                                            </tr>
-                                                            <tr>
-                                                                <td>3</td>
-                                                                <td>Poster illustation design</td>
-                                                                <td>18/03/2018</td>
-                                                                <td>28/09/2018</td>
-                                                                <td><span class="badge badge-pink">Done</span></td>
-                                                                <td>Lucas Sabourin</td>
-                                                            </tr>
-                                                            <tr>
-                                                                <td>4</td>
-                                                                <td>Drinking bottle graphics</td>
-                                                                <td>02/10/2017</td>
-                                                                <td>07/05/2018</td>
-                                                                <td><span class="badge badge-danger">On Hold</span></td>
-                                                                <td>Donatien Brunelle</td>
-                                                            </tr>
-                                                            <tr>
-                                                                <td>5</td>
-                                                                <td>Landing page design - Home</td>
-                                                                <td>17/01/2017</td>
-                                                                <td>25/05/2021</td>
-                                                                <td><span class="badge badge-warning">Coming soon</span></td>
-                                                                <td>Karel Auberjo</td>
-                                                            </tr>
-    
-                                                        </tbody>
-                                                    </table>
-                                                </div>
-    
-                                            </div>
-                                            <!-- end timeline content-->
-    
-                                            <div class="tab-pane" id="settings">
-                                                <form>
-                                                    <h5 class="mb-3 text-uppercase bg-light p-2"><i class="mdi mdi-account-circle mr-1"></i> Personal Info</h5>
-                                                    
-                                                    <div class="row">
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="firstname">First Name</label>
-                                                                <input type="text" class="form-control" id="firstname" placeholder="Enter first name">
-                                                            </div>
-                                                        </div>
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="lastname">Last Name</label>
-                                                                <input type="text" class="form-control" id="lastname" placeholder="Enter last name">
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-    
-                                                    <div class="row">
-                                                        <div class="col-12">
-                                                            <div class="form-group">
-                                                                <label for="userbio">Bio</label>
-                                                                <textarea class="form-control" id="userbio" rows="4" placeholder="Write something..."></textarea>
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-    
-                                                    <div class="row">
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="useremail">Email Address</label>
-                                                                <input type="email" class="form-control" id="useremail" placeholder="Enter email">
-                                                                <span class="form-text text-muted"><small>If you want to change email please <a href="javascript: void(0);">click</a> here.</small></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="userpassword">Password</label>
-                                                                <input type="password" class="form-control" id="userpassword" placeholder="Enter password">
-                                                                <span class="form-text text-muted"><small>If you want to change password please <a href="javascript: void(0);">click</a> here.</small></span>
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-    
-                                                    <h5 class="mb-3 text-uppercase bg-light p-2"><i class="mdi mdi-office-building mr-1"></i> Company Info</h5>
-                                                    <div class="row">
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="companyname">Company Name</label>
-                                                                <input type="text" class="form-control" id="companyname" placeholder="Enter company name">
-                                                            </div>
-                                                        </div>
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="cwebsite">Website</label>
-                                                                <input type="text" class="form-control" id="cwebsite" placeholder="Enter website url">
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-    
-                                                    <h5 class="mb-3 text-uppercase bg-light p-2"><i class="mdi mdi-earth mr-1"></i> Social</h5>
-                                                    <div class="row">
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="social-fb">Facebook</label>
-                                                                <div class="input-group">
-                                                                    <div class="input-group-prepend">
-                                                                        <span class="input-group-text"><i class="fab fa-facebook-square"></i></span>
-                                                                    </div>
-                                                                    <input type="text" class="form-control" id="social-fb" placeholder="Url">
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="social-tw">Twitter</label>
-                                                                <div class="input-group">
-                                                                    <div class="input-group-prepend">
-                                                                        <span class="input-group-text"><i class="fab fa-twitter"></i></span>
-                                                                    </div>
-                                                                    <input type="text" class="form-control" id="social-tw" placeholder="Username">
-                                                                </div>
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-    
-                                                    <div class="row">
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="social-insta">Instagram</label>
-                                                                <div class="input-group">
-                                                                    <div class="input-group-prepend">
-                                                                        <span class="input-group-text"><i class="fab fa-instagram"></i></span>
-                                                                    </div>
-                                                                    <input type="text" class="form-control" id="social-insta" placeholder="Url">
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="social-lin">Linkedin</label>
-                                                                <div class="input-group">
-                                                                    <div class="input-group-prepend">
-                                                                        <span class="input-group-text"><i class="fab fa-linkedin"></i></span>
-                                                                    </div>
-                                                                    <input type="text" class="form-control" id="social-lin" placeholder="Url">
-                                                                </div>
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-    
-                                                    <div class="row">
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="social-sky">Skype</label>
-                                                                <div class="input-group">
-                                                                    <div class="input-group-prepend">
-                                                                        <span class="input-group-text"><i class="fab fa-skype"></i></span>
-                                                                    </div>
-                                                                    <input type="text" class="form-control" id="social-sky" placeholder="@username">
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="col-md-6">
-                                                            <div class="form-group">
-                                                                <label for="social-gh">Github</label>
-                                                                <div class="input-group">
-                                                                    <div class="input-group-prepend">
-                                                                        <span class="input-group-text"><i class="fab fa-github"></i></span>
-                                                                    </div>
-                                                                    <input type="text" class="form-control" id="social-gh" placeholder="Username">
-                                                                </div>
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-                                                    
-                                                    <div class="text-right">
-                                                        <button type="submit" class="btn btn-success waves-effect waves-light mt-2"><i class="mdi mdi-content-save"></i> Save</button>
-                                                    </div>
-                                                </form>
-                                            </div>
-                                            <!-- end settings content-->
-    
-                                        </div> <!-- end tab-content -->
-                                    </div>
-                                </div> <!-- end card-->
-
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/dashboard-analytics.html b/public/modern/dashboard-analytics.html
deleted file mode 100644
index cb6b96b..0000000
--- a/public/modern/dashboard-analytics.html
+++ /dev/null
@@ -1,2140 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Analytics Dashboard | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-        
-        <!-- plugin css -->
-        <link href="../assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Analytics</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
-                                            <li class="breadcrumb-item active">Analytics</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-xl-3 col-lg-4">
-                                <div class="alert alert-info alert-dismissible fade show mb-3" role="alert">
-                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                        <span aria-hidden="true">×</span>
-                                    </button>
-                                    Property MN7xx is not receiving hits. Either your site is not receiving any sessions.
-                                </div>
-                                <div class="card">
-                                    <div class="card-body">
-                                        <i class="fa fa-info-circle text-muted float-right" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="More Info"></i>
-                                        <h4 class="m-0 font-16">Active Users</h4>
-                                        <h2 class="my-3 text-center" id="active-users-count">121</h2>
-                                        <p class="text-muted m-0">Since last month: 22506 <span class="float-right"><i class="mdi mdi-arrow-up-bold mr-1 text-success"></i>10.25%</span></p>
-                                        
-                                    </div> <!-- end card-body-->
-                                </div>
-                                <!--end card-->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <i class="fa fa-info-circle text-muted float-right" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="More Info"></i>
-                                        <h4 class="m-0 font-16">Views Per Minute</h4>
-                                        <h2 class="my-3 text-center" id="active-views-count">485</h2>
-                                        <p class="text-muted m-0">Since previous week: 8541 <span class="float-right"><i class="mdi mdi-arrow-down-bold mr-1 text-danger"></i>2.63%</span></p>
-                                        
-                                    </div> <!-- end card-body-->
-                                </div>
-                                <!--end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-9 col-lg-8">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <ul class="nav float-right d-none d-lg-flex">
-                                            <li class="nav-item">
-                                                <a class="nav-link text-muted" href="#">Today</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link text-muted" href="#">7d</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link active" href="#">15d</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link text-muted" href="#">1m</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link text-muted" href="#">1y</a>
-                                            </li>
-                                        </ul>
-                                        <h4 class="header-title mb-3">Sessions Overview</h4>
-
-                                        <div class="row align-items-center">
-                                            <div class="col-xl-8">
-                                                <div id="usa-vectormap" style="height: 363px" data-colors="#526dee"></div>
-                                            </div> <!-- end col -->
-                                            <div class="col-xl-4">
-                                                <h5 class="mb-1 mt-0">1,12,540 <small class="text-muted ml-2">www.getbootstrap.com</small></h5>
-                                                <div class="row align-items-center no-gutters mb-2 pb-1">
-                                                    <div class="col">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar" role="progressbar" style="width: 72%;" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100"></div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-auto">
-                                                        <div class="font-weight-medium ml-2">72%</div>
-                                                    </div>
-                                                </div>
-            
-                                                <h5 class="mb-1 mt-0">51,480 <small class="text-muted ml-2">www.youtube.com</small></h5>
-                                                <div class="row align-items-center no-gutters mb-2 pb-1">
-                                                    <div class="col">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar bg-success" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-auto">
-                                                        <div class="font-weight-medium ml-2">65%</div>
-                                                    </div>
-                                                </div>
-            
-                                                <h5 class="mb-1 mt-0">45,760 <small class="text-muted ml-2">www.dribbble.com</small></h5>
-                                                <div class="row align-items-center no-gutters mb-2 pb-1">
-                                                    <div class="col">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar bg-warning" role="progressbar" style="width: 48%;" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100"></div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-auto">
-                                                        <div class="font-weight-medium ml-2">48%</div>
-                                                    </div>
-                                                </div>
-            
-                                                <h5 class="mb-1 mt-0">98,512 <small class="text-muted ml-2">www.behance.net</small></h5>
-                                                <div class="row align-items-center no-gutters mb-2 pb-1">
-                                                    <div class="col">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar" role="progressbar" style="width: 59%;" aria-valuenow="59" aria-valuemin="0" aria-valuemax="100"></div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-auto">
-                                                        <div class="font-weight-medium ml-2">59%</div>
-                                                    </div>
-                                                </div>
-            
-                                                <h5 class="mb-1 mt-0">2,154 <small class="text-muted ml-2">www.vimeo.com</small></h5>
-                                                <div class="row align-items-center no-gutters">
-                                                    <div class="col">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 21%;" aria-valuenow="21" aria-valuemin="0" aria-valuemax="100"></div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-auto">
-                                                        <div class="font-weight-medium ml-2">21%</div>
-                                                    </div>
-                                                </div>
-
-                                            </div>
-                                        </div>
-                                        <!-- end row -->
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title mt-0 mb-3">Browser Used By Users</h4>
-                                        <div class="table-responsive browser_users">
-                                            <table class="table mb-0">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th class="border-top-0">Browser</th>
-                                                        <th class="border-top-0">Sessions</th>
-                                                        <th class="border-top-0">Bounce Rate</th>
-                                                        <th class="border-top-0">Transactions</th>
-                                                    </tr><!--end tr-->
-                                                </thead>
-                                                <tbody>
-                                                    <tr>                                                        
-                                                        <td><i class="fab fa-chrome mr-2 text-success font-16"></i>Chrome</td>
-                                                        <td>10853 <small class="text-muted">(52%)</small></td>                                   
-                                                        <td> 52.80%</td>
-                                                        <td>566 <small class="text-muted">(92%)</small></td>
-                                                    </tr><!--end tr-->     
-                                                    <tr>                                                        
-                                                        <td><i class="fab fa-safari mr-2 text-info font-16"></i>Safari</td>
-                                                        <td>2545 <small class="text-muted">(47%)</small></td>                                   
-                                                        <td> 47.54%</td>
-                                                        <td>498 <small class="text-muted">(81%)</small></td>
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><i class="fab fa-internet-explorer mr-2 text-warning font-16"></i>Internet-Explorer</td>
-                                                        <td>1836 <small class="text-muted">(38%)</small></td>                                   
-                                                        <td> 41.12%</td>
-                                                        <td>455 <small class="text-muted">(74%)</small></td>
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><i class="fab fa-opera mr-2 text-danger font-16"></i>Opera</td>
-                                                        <td>1958 <small class="text-muted">(31%)</small></td>                                   
-                                                        <td> 36.82%</td>
-                                                        <td>361 <small class="text-muted">(61%)</small></td>
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><i class="fab fa-firefox mr-2 text-blue font-16"></i>Firefox</td>
-                                                        <td>1566 <small class="text-muted">(26%)</small></td>                                   
-                                                        <td> 29.33%</td>
-                                                        <td>299 <small class="text-muted">(49%)</small></td>
-                                                    </tr><!--end tr-->                                
-                                                </tbody>
-                                            </table> <!--end table-->                                               
-                                        </div><!--end /div-->
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div><!--end col-->
-    
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title mt-0 mb-3">Traffic Sources</h4>
-                                        <div class="table-responsive browser_users">
-                                            <table class="table mb-0">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th class="border-top-0">Channel</th>
-                                                        <th class="border-top-0">Sessions</th>
-                                                        <th class="border-top-0">Prev.Period</th>
-                                                        <th class="border-top-0">% Change</th>
-                                                    </tr><!--end tr-->
-                                                </thead>
-                                                <tbody>
-                                                    <tr>                                                        
-                                                        <td><a href="" class="text-primary">Organic search</a></td>
-                                                        <td>10853 <small class="text-muted">(52%)</small></td>
-                                                        <td>566 <small class="text-muted">(92%)</small></td>
-                                                        <td> 52.80% <i class="fas fa-caret-up text-success font-16"></i></td>
-                                                    </tr><!--end tr-->     
-                                                    <tr>                                                        
-                                                        <td><a href="" class="text-primary">Direct</a></td>
-                                                        <td>2545 <small class="text-muted">(47%)</small></td>
-                                                        <td>498 <small class="text-muted">(81%)</small></td>
-                                                        <td> -17.20% <i class="fas fa-caret-down text-danger font-16"></i></td>
-                                                        
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><a href="" class="text-primary">Referal</a></td>
-                                                        <td>1836 <small class="text-muted">(38%)</small></td> 
-                                                        <td>455 <small class="text-muted">(74%)</small></td>
-                                                        <td> 41.12% <i class="fas fa-caret-up text-success font-16"></i></td>
-                                                        
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><a href="" class="text-primary">Email</a></td>
-                                                        <td>1958 <small class="text-muted">(31%)</small></td> 
-                                                        <td>361 <small class="text-muted">(61%)</small></td>
-                                                        <td> -8.24% <i class="fas fa-caret-down text-danger font-16"></i></td>
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><a href="" class="text-primary">Social</a></td>
-                                                        <td>1566  <small class="text-muted">(26%)</small></td> 
-                                                        <td>299 <small class="text-muted">(49%)</small></td>
-                                                        <td> 29.33% <i class="fas fa-caret-up text-success"></i></td>
-                                                    </tr><!--end tr-->                                
-                                                </tbody>
-                                            </table> <!--end table-->                                               
-                                        </div><!--end /div-->
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div><!--end col-->
-                        </div>
-
-                        <div class="row">
-                            <div class="col-xl-4 col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <a href="" class="p-0 float-right mb-3">Export <i class="mdi mdi-download ml-1"></i></a>
-                                        <h4 class="header-title mt-1">Channels</h4>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-sm table-centered mb-0 font-14">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th>Channel</th>
-                                                        <th>Visits</th>
-                                                        <th style="width: 40%;"></th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>Direct</td>
-                                                        <td>2,050</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar" role="progressbar"
-                                                                    style="width: 65%;" aria-valuenow="65"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Organic Search</td>
-                                                        <td>1,405</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar bg-info" role="progressbar"
-                                                                    style="width: 45%;" aria-valuenow="45"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Refferal</td>
-                                                        <td>750</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar bg-warning" role="progressbar"
-                                                                    style="width: 30%;" aria-valuenow="30"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Social</td>
-                                                        <td>540</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar bg-danger" role="progressbar"
-                                                                    style="width: 25%;" aria-valuenow="25"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-4 col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <a href="" class="p-0 float-right mb-3">Export <i class="mdi mdi-download ml-1"></i></a>
-                                        <h4 class="header-title mt-1">Social Media Traffic</h4>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-sm table-centered mb-0 font-14">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th>Network</th>
-                                                        <th>Visits</th>
-                                                        <th style="width: 40%;"></th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>Facebook</td>
-                                                        <td>2,250</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar" role="progressbar"
-                                                                    style="width: 65%;" aria-valuenow="65"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Instagram</td>
-                                                        <td>1,501</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar" role="progressbar"
-                                                                    style="width: 45%;" aria-valuenow="45"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Twitter</td>
-                                                        <td>750</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar" role="progressbar"
-                                                                    style="width: 30%;" aria-valuenow="30"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>LinkedIn</td>
-                                                        <td>540</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar" role="progressbar"
-                                                                    style="width: 25%;" aria-valuenow="25"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-4 col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <a href="" class="p-0 float-right mb-3">Export <i class="mdi mdi-download ml-1"></i></a>
-                                        <h4 class="header-title mt-1">Engagement Overview</h4>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-sm table-centered mb-0 font-14">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th>Duration (Secs)</th>
-                                                        <th style="width: 30%;">Sessions</th>
-                                                        <th style="width: 30%;">Views</th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>0-30</td>
-                                                        <td>2,250</td>
-                                                        <td>4,250</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>31-60</td>
-                                                        <td>1,501</td>
-                                                        <td>2,050</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>61-120</td>
-                                                        <td>750</td>
-                                                        <td>1,600</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>121-240</td>
-                                                        <td>540</td>
-                                                        <td>1,040</td>  
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                        </div>
-                        <!-- end row -->
-
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-us-merc-en.js"></script>
-
-        <!-- Dashboard init-->
-        <script src="../assets/js/pages/dashboard-analytics.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/dashboard-crm.html b/public/modern/dashboard-crm.html
deleted file mode 100644
index b1f9062..0000000
--- a/public/modern/dashboard-crm.html
+++ /dev/null
@@ -1,2095 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>CRM Dashboard | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">CRM</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
-                                            <li class="breadcrumb-item active">CRM</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Campaign Sent">Campaign Sent</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">865</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 5.27%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-success rounded">
-                                                    <i class="ri-stack-line font-20 text-success"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="New Leads">New Leads</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">384</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-danger mr-2"><span class="mdi mdi-arrow-down-bold"></span> 3.27%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-primary rounded">
-                                                    <i class="ri-slideshow-2-line font-20 text-primary"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Deals">Deals</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">34,521</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 8.58%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-danger rounded">
-                                                    <i class="ri-hand-heart-line font-20 text-danger"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Booked Revenue">Booked Revenue</h5>
-                                                <h3 class="my-2 py-1">$<span data-plugin="counterup">89,357</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 34.61%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-warning rounded">
-                                                    <i class="ri-money-dollar-box-line font-20 text-warning"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <h4 class="header-title">Campaigns</h4>
-                                            <div class="btn-group mb-2">
-                                                <button type="button" class="btn btn-xs btn-light active">Today</button>
-                                                <button type="button" class="btn btn-xs btn-light">Weekly</button>
-                                                <button type="button" class="btn btn-xs btn-light">Monthly</button>
-                                            </div>
-                                        </div>
-                                        <div class="mt-3" dir="ltr">
-                                            <div id="campaigns-chart" class="apex-charts" data-colors="#48c2e7,#18c984,#526dee"></div>
-                                        </div>
-                                        <div class="row text-center mt-2">
-                                            <div class="col-md-4">
-                                                <h4 class="font-weight-normal mt-3">
-                                                    <span>6,510</span>
-                                                </h4>
-                                                <p class="text-muted mb-0 mb-2"><i class="mdi mdi-checkbox-blank-circle text-info"></i> Total Sent</p>
-                                            </div>
-                                            <div class="col-md-4">
-                                                <h4 class="font-weight-normal mt-3">
-                                                    <span>3,487</span>
-                                                </h4>
-                                                <p class="text-muted mb-0 mb-2"><i class="mdi mdi-checkbox-blank-circle text-success"></i> Reached</p>
-                                            </div>
-                                            <div class="col-md-4">
-                                                <h4 class="font-weight-normal mt-3">
-                                                    <span>1,568</span>
-                                                </h4>
-                                                <p class="text-muted mb-0 mb-2"><i class="mdi mdi-checkbox-blank-circle text-primary"></i> Opened</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-8">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <h4 class="header-title">Revenue</h4>
-                                            <div class="btn-group mb-2">
-                                                <button type="button" class="btn btn-xs btn-light active">Today</button>
-                                                <button type="button" class="btn btn-xs btn-light">Weekly</button>
-                                                <button type="button" class="btn btn-xs btn-light">Monthly</button>
-                                            </div>
-                                        </div>
-
-                                        <div class="row mt-4 text-center">
-                                            <div class="col-4">
-                                                <p class="text-muted font-15 mb-1 text-truncate">Current Month</p>
-                                                <h4><i class="fe-arrow-up text-success mr-1"></i>$1.4k</h4>
-                                            </div>
-                                            <div class="col-4">
-                                                <p class="text-muted font-15 mb-1 text-truncate">Previous Month</p>
-                                                <h4><i class="fe-arrow-down text-danger mr-1"></i>$15k</h4>
-                                            </div>
-                                            <div class="col-4">
-                                                <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                <h4><i class="fe-arrow-down text-danger mr-1"></i>$7.8k</h4>
-                                            </div>
-                                        </div>
-                                        
-                                        <div class="mt-3" dir="ltr">
-                                            <div id="revenue-chart" class="apex-charts" data-colors="#6559cc,#ced4dc"></div>
-                                        </div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-5">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title mb-3">Top Performing</h4>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-striped table-sm table-nowrap table-centered mb-0">
-                                                <thead>
-                                                    <tr>
-                                                        <th>User</th>
-                                                        <th>Leads</th>
-                                                        <th>Deals</th>
-                                                        <th>Tasks</th>
-                                                        <th></th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Jeremy Young</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>187</td>
-                                                        <td>154</td>
-                                                        <td>49</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Thomas Krueger</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>235</td>
-                                                        <td>127</td>
-                                                        <td>83</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Pete Burdine</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>365</td>
-                                                        <td>148</td>
-                                                        <td>62</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Mary Nelson</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>753</td>
-                                                        <td>159</td>
-                                                        <td>258</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Kevin Grove</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>458</td>
-                                                        <td>126</td>
-                                                        <td>73</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div>
-                            <!-- end col-->
-
-                            <div class="col-xl-7">
-                                <div class="row">
-                                    <div class="col-lg-6">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <div class="dropdown float-right">
-                                                    <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                        <i class="mdi mdi-dots-vertical"></i>
-                                                    </a>
-                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                    </div>
-                                                </div>
-                                                <h4 class="header-title mb-4">Recent Leads</h4>
-        
-                                                <div class="media">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-2.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-warning float-right">Cold lead</span>
-                                                        <h5 class="mt-0 mb-1">Risa Pearson</h5>
-                                                        <span class="font-13">richard.john@mail.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-3.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-danger float-right">Lost lead</span>
-                                                        <h5 class="mt-0 mb-1">Margaret D. Evans</h5>
-                                                        <span class="font-13">margaret.evans@rhyta.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-4.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-success float-right">Won lead</span>
-                                                        <h5 class="mt-0 mb-1">Bryan J. Luellen</h5>
-                                                        <span class="font-13">bryuellen@dayrep.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-5.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-warning float-right">Cold lead</span>
-                                                        <h5 class="mt-0 mb-1">Kathryn S. Collier</h5>
-                                                        <span class="font-13">collier@jourrapide.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-1.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-warning float-right">Cold lead</span>
-                                                        <h5 class="mt-0 mb-1">Timothy Kauper</h5>
-                                                        <span class="font-13">thykauper@rhyta.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-6.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-success float-right">Won lead</span>
-                                                        <h5 class="mt-0 mb-1">Zara Raws</h5>
-                                                        <span class="font-13">austin@dayrep.com</span>
-                                                    </div>
-                                                </div>
-                                                   
-                                            </div>
-                                            <!-- end card-body -->
-                                        </div>
-                                        <!-- end card-->
-                                    </div>
-                                    <!-- end col -->  
-                                    
-                                    <div class="col-lg-6">
-                                        <!-- Todo-->
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <div class="dropdown float-right">
-                                                    <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                        <i class="mdi mdi-dots-vertical"></i>
-                                                    </a>
-                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                    </div>
-                                                </div>
-                                                <h4 class="header-title mb-3">Todo</h4>
-        
-                                                <div class="todoapp">
-                                                    <div class="row">
-                                                        <div class="col">
-                                                            <h5 id="todo-message"><span id="todo-remaining"></span> of <span id="todo-total"></span> remaining</h5>
-                                                        </div>
-                                                        <div class="col-auto">
-                                                            <a href="" class="float-right btn btn-light btn-sm" id="btn-archive">Archive</a>
-                                                        </div>
-                                                    </div>
-        
-                                                    <div style="max-height: 292px;" data-simplebar>
-                                                        <ul class="list-group list-group-flush todo-list" id="todo-list"></ul>
-                                                    </div>
-        
-                                                    <form name="todo-form" id="todo-form" class="needs-validation mt-3" novalidate>
-                                                        <div class="row">
-                                                            <div class="col">
-                                                                <input type="text" id="todo-input-text" name="todo-input-text" class="form-control" 
-                                                                    placeholder="Add new todo" required>
-                                                                <div class="invalid-feedback">
-                                                                    Please enter your task name
-                                                                </div>
-                                                            </div>
-                                                            <div class="col-auto">
-                                                                <button class="btn btn-primary btn-md btn-block width-sm waves-effect waves-light" type="submit" id="todo-btn-submit">Add</button>
-                                                            </div>
-                                                        </div>
-                                                    </form>
-                                                </div> <!-- end .todoapp-->
-        
-                                            </div> <!-- end card-body -->
-                                        </div> <!-- end card-->
-        
-                                    </div><!-- end col --> 
-                                </div><!-- end row-->
-                            </div>
-                            <!-- end col-->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Apex js-->
-        <script src="../assets/libs/apexcharts/apexcharts.min.js"></script>
-        <script src="../assets/libs/moment/min/moment.min.js"></script>
-        <script src="../assets/libs/jquery.scrollto/jquery.scrollTo.min.js"></script>
-
-        <!-- TODO js-->
-        <script src="../assets/js/pages/jquery.todo.js"></script>
-
-        <!-- Dashboard init-->
-        <script src="../assets/js/pages/dashboard-crm.init.js"></script>
-        
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ecommerce-cart.html b/public/modern/ecommerce-cart.html
deleted file mode 100644
index 47c3fa2..0000000
--- a/public/modern/ecommerce-cart.html
+++ /dev/null
@@ -1,1883 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Shopping Cart | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Plugins css -->
-        <link href="../assets/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Shopping Cart</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">eCommerce</a></li>
-                                            <li class="breadcrumb-item active">Shopping Cart</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-lg-8">
-                                                <div>
-                                                    <div class="table-responsive">
-                                                        <table class="table table-centered mb-0 table-nowrap">
-                                                            <thead class="thead-light">
-                                                                <tr>
-                                                                    <th style="width: 80px;">Product</th>
-                                                                    <th>Product Desc</th>
-                                                                    <th>Price</th>
-                                                                    <th>Quantity</th>
-                                                                    <th colspan="2">Total</th>
-                                                                </tr>
-                                                            </thead>
-                                                            <tbody>
-                                                                <tr>
-                                                                    <td>
-                                                                        <img src="../assets/images/products/product-1.png" alt="product-img"
-                                                                            title="product-img" class="avatar-lg" />
-                                                                    </td>
-                                                                    <td>
-                                                                        <h5 class="mt-0 mb-1 text-truncate"><a href="ecommerce-product-detail.html" class="text-body">Blue color T-shirt</a></h5>
-                                                                        <p class="mb-0">Size : <span class="font-weight-medium">Large</span></p>
-                                                                    </td>
-                                                                    <td>
-                                                                        $ 41
-                                                                    </td>
-                                                                    <td>
-                                                                        <div style="width: 120px;" class="product-cart-touchspin">
-                                                                            <input data-toggle="touchspin" type="text" value="02" >
-                                                                        </div>
-                                                                    </td>
-                                                                    <td>
-                                                                        $ 92
-                                                                    </td>
-                                                                    <td>
-                                                                        <a href="javascript:void(0);" class="action-icon text-danger"> <i class="mdi mdi-trash-can"></i></a>
-                                                                    </td>
-                                                                </tr>
-                                                                <tr>
-                                                                    <td>
-                                                                        <img src="../assets/images/products/product-2.png" alt="product-img"
-                                                                            title="product-img" class="avatar-lg" />
-                                                                    </td>
-                                                                    <td>
-                                                                        <h5 class="mt-0 mb-1 text-truncate"><a href="ecommerce-product-detail.html" class="text-body">Half sleeve maroon T-shirt</a></h5>
-                                                                        <p class="mb-0">Size : <span class="font-weight-medium">medium</span></p>
-                                                                    </td>
-                                                                    <td>
-                                                                        $ 37
-                                                                    </td>
-                                                                    <td>
-                                                                        <div style="width: 120px;" class="product-cart-touchspin">
-                                                                            <input data-toggle="touchspin" type="text" value="01" >
-                                                                        </div>
-                                                                    </td>
-                                                                    <td>
-                                                                        $ 37
-                                                                    </td>
-                                                                    <td>
-                                                                        <a href="javascript:void(0);" class="action-icon text-danger"> <i class="mdi mdi-trash-can"></i></a>
-                                                                    </td>
-                                                                </tr>
-                                                                <tr>
-                                                                    <td>
-                                                                        <img src="../assets/images/products/product-6.png" alt="product-img"
-                                                                            title="product-img" class="avatar-lg" />
-                                                                    </td>
-                                                                    <td>
-                                                                        <h5 class="mt-0 mb-1 text-truncate"><a href="ecommerce-product-detail.html" class="text-body">Blue Hoodie for men</a></h5>
-                                                                        <p class="mb-0">Size : <span class="font-weight-medium">Large</span></p>
-                                                                    </td>
-                                                                    <td>
-                                                                        $ 45
-                                                                    </td>
-                                                                    <td>
-                                                                        <div style="width: 120px;" class="product-cart-touchspin">
-                                                                            <input data-toggle="touchspin" type="text" value="02" >
-                                                                        </div>
-                                                                    </td>
-                                                                    <td>
-                                                                        $ 90
-                                                                    </td>
-                                                                    <td>
-                                                                        <a href="javascript:void(0);" class="action-icon text-danger"> <i class="mdi mdi-trash-can"></i></a>
-                                                                    </td>
-                                                                </tr>
-                                                                <tr>
-                                                                    <td>
-                                                                        <img src="../assets/images/products/product-8.png" alt="product-img"
-                                                                            title="product-img" class="avatar-lg" />
-                                                                    </td>
-                                                                    <td>
-                                                                        <h5 class="mt-0 mb-1 text-truncate"><a href="ecommerce-product-detail.html" class="text-body">Full sleeve Pink T-shirt</a></h5>
-                                                                        <p class="mb-0">Size : <span class="font-weight-medium">medium</span></p>
-                                                                    </td>
-                                                                    <td>
-                                                                        $ 45
-                                                                    </td>
-                                                                    <td>
-                                                                        <div style="width: 120px;" class="product-cart-touchspin">
-                                                                            <input data-toggle="touchspin" type="text" value="01" >
-                                                                        </div>
-                                                                    </td>
-                                                                    <td>
-                                                                        $ 45
-                                                                    </td>
-                                                                    <td>
-                                                                        <a href="javascript:void(0);" class="action-icon text-danger"> <i class="mdi mdi-trash-can"></i></a>
-                                                                    </td>
-                                                                </tr>
-                                                            </tbody>
-                                                        </table>
-                                                    </div> <!-- end table-responsive-->
-
-                                                    <!-- Add note input-->
-                                                    <div class="mt-3">
-                                                        <label for="example-textarea">Add a Note:</label>
-                                                        <textarea class="form-control" id="example-textarea" rows="3" placeholder="Write some note.."></textarea>
-                                                    </div>
-    
-                                                    <!-- action buttons-->
-                                                    <div class="row mt-4">
-                                                        <div class="col-sm-6">
-                                                            <a href="ecommerce-products.html" class="btn text-muted d-none d-sm-inline-block btn-link font-weight-semibold">
-                                                                <i class="mdi mdi-arrow-left"></i> Continue Shopping </a>
-                                                        </div> <!-- end col -->
-                                                        <div class="col-sm-6">
-                                                            <div class="text-sm-right">
-                                                                <a href="ecommerce-checkout.html" class="btn btn-danger"><i class="mdi mdi-cart-plus mr-1"></i> Checkout </a>
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row-->
-                                                </div>
-                                            </div>
-    
-                                            <div class="col-lg-4">
-                                                <div class="border p-3 mt-4 mt-lg-0 rounded">
-                                                    <h4 class="header-title mb-3">Order Summary</h4>
-    
-                                                    <div class="table-responsive">
-                                                        <table class="table mb-0">
-                                                            <tbody>
-                                                                <tr>
-                                                                    <td>Grand Total :</td>
-                                                                    <td>$ 264</td>
-                                                                </tr>
-                                                                <tr>
-                                                                    <td>Discount : </td>
-                                                                    <td>-$ 26</td>
-                                                                </tr>
-                                                                <tr>
-                                                                    <td>Shipping Charge :</td>
-                                                                    <td>$ 24</td>
-                                                                </tr>
-                                                                <tr>
-                                                                    <td>Estimated Tax : </td>
-                                                                    <td>$ 18.22</td>
-                                                                </tr>
-                                                                <tr>
-                                                                    <th>Total :</th>
-                                                                    <th>$ 280.22</th>
-                                                                </tr>
-                                                            </tbody>
-                                                        </table>
-                                                    </div>
-                                                    <!-- end table-responsive -->
-                                                </div>
-    
-                                                <div class="alert alert-warning mt-3" role="alert">
-                                                    Use coupon code <strong>MNTF25</strong> and get 25% discount !
-                                                </div>
-    
-                                                <div class="input-group mt-3">
-                                                    <input type="text" class="form-control form-control-light" placeholder="Coupon code"
-                                                        aria-label="Recipient's username">
-                                                    <div class="input-group-append">
-                                                        <button class="btn btn-light" type="button">Apply</button>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins Js -->
-        <script src="../assets/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js"></script>
-
-        <script src="../assets/js/pages/ecommerce-cart.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ecommerce-checkout.html b/public/modern/ecommerce-checkout.html
deleted file mode 100644
index ba33696..0000000
--- a/public/modern/ecommerce-checkout.html
+++ /dev/null
@@ -1,2298 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Checkout | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Select2 Css-->
-        <link href="../assets/libs/select2/css/select2.min.css" rel="stylesheet" type="text/css" />     
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Checkout</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">eCommerce</a></li>
-                                            <li class="breadcrumb-item active">Checkout</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-lg-8">
-                                                <div id="checkout-nav-pills-wizard" class="twitter-bs-wizard form-wizard-header">
-                                                    <ul class="twitter-bs-wizard-nav mb-2">
-                                                        <li class="nav-item">
-                                                            <a href="#billing-info" class="nav-link" data-toggle="tab">
-                                                                <span class="number">01</span>
-                                                                <span class="d-none d-sm-inline">Billing Info</span>
-                                                            </a>
-                                                        </li>
-                                                        <li class="nav-item">
-                                                            <a href="#shipping-info" class="nav-link" data-toggle="tab">
-                                                                <span class="number">02</span>
-                                                                <span class="d-none d-sm-inline">Shipping Info</span>
-                                                            </a>
-                                                        </li>
-                                                        
-                                                        <li class="nav-item">
-                                                            <a href="#payment-info" class="nav-link" data-toggle="tab">
-                                                                <span class="number">03</span>
-                                                                <span class="d-none d-sm-inline">Payment Info</span>
-                                                            </a>
-                                                        </li>
-                                                    </ul>
-
-                                                    <div class="tab-content twitter-bs-wizard-tab-content">
-                                                        <div class="tab-pane" id="billing-info">
-                                                            <div>
-                                                                <h4 class="header-title">Billing Information</h4>
-                                                                <p class="sub-header">Fill the form below in order to
-                                                                    send you the order's invoice.</p>
-
-                                                                <form>
-                                                                    <div class="row">
-                                                                        <div class="col-md-6">
-                                                                            <div class="form-group">
-                                                                                <label for="billing-first-name">First Name</label>
-                                                                                <input class="form-control" type="text" placeholder="Enter your first name" id="billing-first-name" />
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="col-md-6">
-                                                                            <div class="form-group">
-                                                                                <label for="billing-last-name">Last Name</label>
-                                                                                <input class="form-control" type="text" placeholder="Enter your last name" id="billing-last-name" />
-                                                                            </div>
-                                                                        </div>
-                                                                    </div> <!-- end row -->
-                                                                    <div class="row">
-                                                                        <div class="col-md-6">
-                                                                            <div class="form-group">
-                                                                                <label for="billing-email-address">Email Address <span class="text-danger">*</span></label>
-                                                                                <input class="form-control" type="email" placeholder="Enter your email" id="billing-email-address" />
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="col-md-6">
-                                                                            <div class="form-group">
-                                                                                <label for="billing-phone">Phone <span class="text-danger">*</span></label>
-                                                                                <input class="form-control" type="text" placeholder="(xx) xxx xxxx xxx" id="billing-phone" />
-                                                                            </div>
-                                                                        </div>
-                                                                    </div> <!-- end row -->
-                                                                    <div class="row">
-                                                                        <div class="col-12">
-                                                                            <div class="form-group">
-                                                                                <label for="billing-address">Address</label>
-                                                                                <input class="form-control" type="text" placeholder="Enter full address" id="billing-address">
-                                                                            </div>
-                                                                        </div>
-                                                                    </div> <!-- end row -->
-                                                                    <div class="row">
-                                                                        <div class="col-md-4">
-                                                                            <div class="form-group">
-                                                                                <label for="billing-town-city">Town / City</label>
-                                                                                <input class="form-control" type="text" placeholder="Enter your city name" id="billing-town-city" />
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="col-md-4">
-                                                                            <div class="form-group">
-                                                                                <label for="billing-state">State</label>
-                                                                                <input class="form-control" type="text" placeholder="Enter your state" id="billing-state" />
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="col-md-4">
-                                                                            <div class="form-group">
-                                                                                <label for="billing-zip-postal">Zip Code</label>
-                                                                                <input class="form-control" type="text" placeholder="Enter your zip code" id="billing-zip-postal" />
-                                                                            </div>
-                                                                        </div>
-                                                                    </div> <!-- end row -->
-                                                                    <div class="row">
-                                                                        <div class="col-12">
-                                                                            <div class="form-group">
-                                                                                <label>Country</label>
-                                                                                <select data-toggle="select2" title="Country" class="form-control">
-                                                                                    <option value="0">Select Country</option>
-                                                                                    <option value="AF">Afghanistan</option>
-                                                                                    <option value="AL">Albania</option>
-                                                                                    <option value="DZ">Algeria</option>
-                                                                                    <option value="AS">American Samoa</option>
-                                                                                    <option value="AD">Andorra</option>
-                                                                                    <option value="AO">Angola</option>
-                                                                                    <option value="AI">Anguilla</option>
-                                                                                    <option value="AQ">Antarctica</option>
-                                                                                    <option value="AR">Argentina</option>
-                                                                                    <option value="AM">Armenia</option>
-                                                                                    <option value="AW">Aruba</option>
-                                                                                    <option value="AU">Australia</option>
-                                                                                    <option value="AT">Austria</option>
-                                                                                    <option value="AZ">Azerbaijan</option>
-                                                                                    <option value="BS">Bahamas</option>
-                                                                                    <option value="BH">Bahrain</option>
-                                                                                    <option value="BD">Bangladesh</option>
-                                                                                    <option value="BB">Barbados</option>
-                                                                                    <option value="BY">Belarus</option>
-                                                                                    <option value="BE">Belgium</option>
-                                                                                    <option value="BZ">Belize</option>
-                                                                                    <option value="BJ">Benin</option>
-                                                                                    <option value="BM">Bermuda</option>
-                                                                                    <option value="BT">Bhutan</option>
-                                                                                    <option value="BO">Bolivia</option>
-                                                                                    <option value="BW">Botswana</option>
-                                                                                    <option value="BV">Bouvet Island</option>
-                                                                                    <option value="BR">Brazil</option>
-                                                                                    <option value="BN">Brunei Darussalam</option>
-                                                                                    <option value="BG">Bulgaria</option>
-                                                                                    <option value="BF">Burkina Faso</option>
-                                                                                    <option value="BI">Burundi</option>
-                                                                                    <option value="KH">Cambodia</option>
-                                                                                    <option value="CM">Cameroon</option>
-                                                                                    <option value="CA">Canada</option>
-                                                                                    <option value="CV">Cape Verde</option>
-                                                                                    <option value="KY">Cayman Islands</option>
-                                                                                    <option value="CF">Central African Republic</option>
-                                                                                    <option value="TD">Chad</option>
-                                                                                    <option value="CL">Chile</option>
-                                                                                    <option value="CN">China</option>
-                                                                                    <option value="CX">Christmas Island</option>
-                                                                                    <option value="CC">Cocos (Keeling) Islands</option>
-                                                                                    <option value="CO">Colombia</option>
-                                                                                    <option value="KM">Comoros</option>
-                                                                                    <option value="CG">Congo</option>
-                                                                                    <option value="CK">Cook Islands</option>
-                                                                                    <option value="CR">Costa Rica</option>
-                                                                                    <option value="CI">Cote d'Ivoire</option>
-                                                                                    <option value="HR">Croatia (Hrvatska)</option>
-                                                                                    <option value="CU">Cuba</option>
-                                                                                    <option value="CY">Cyprus</option>
-                                                                                    <option value="CZ">Czech Republic</option>
-                                                                                    <option value="DK">Denmark</option>
-                                                                                    <option value="DJ">Djibouti</option>
-                                                                                    <option value="DM">Dominica</option>
-                                                                                    <option value="DO">Dominican Republic</option>
-                                                                                    <option value="EC">Ecuador</option>
-                                                                                    <option value="EG">Egypt</option>
-                                                                                    <option value="SV">El Salvador</option>
-                                                                                    <option value="GQ">Equatorial Guinea</option>
-                                                                                    <option value="ER">Eritrea</option>
-                                                                                    <option value="EE">Estonia</option>
-                                                                                    <option value="ET">Ethiopia</option>
-                                                                                    <option value="FK">Falkland Islands (Malvinas)</option>
-                                                                                    <option value="FO">Faroe Islands</option>
-                                                                                    <option value="FJ">Fiji</option>
-                                                                                    <option value="FI">Finland</option>
-                                                                                    <option value="FR">France</option>
-                                                                                    <option value="GF">French Guiana</option>
-                                                                                    <option value="PF">French Polynesia</option>
-                                                                                    <option value="GA">Gabon</option>
-                                                                                    <option value="GM">Gambia</option>
-                                                                                    <option value="GE">Georgia</option>
-                                                                                    <option value="DE">Germany</option>
-                                                                                    <option value="GH">Ghana</option>
-                                                                                    <option value="GI">Gibraltar</option>
-                                                                                    <option value="GR">Greece</option>
-                                                                                    <option value="GL">Greenland</option>
-                                                                                    <option value="GD">Grenada</option>
-                                                                                    <option value="GP">Guadeloupe</option>
-                                                                                    <option value="GU">Guam</option>
-                                                                                    <option value="GT">Guatemala</option>
-                                                                                    <option value="GN">Guinea</option>
-                                                                                    <option value="GW">Guinea-Bissau</option>
-                                                                                    <option value="GY">Guyana</option>
-                                                                                    <option value="HT">Haiti</option>
-                                                                                    <option value="HN">Honduras</option>
-                                                                                    <option value="HK">Hong Kong</option>
-                                                                                    <option value="HU">Hungary</option>
-                                                                                    <option value="IS">Iceland</option>
-                                                                                    <option value="IN">India</option>
-                                                                                    <option value="ID">Indonesia</option>
-                                                                                    <option value="IQ">Iraq</option>
-                                                                                    <option value="IE">Ireland</option>
-                                                                                    <option value="IL">Israel</option>
-                                                                                    <option value="IT">Italy</option>
-                                                                                    <option value="JM">Jamaica</option>
-                                                                                    <option value="JP">Japan</option>
-                                                                                    <option value="JO">Jordan</option>
-                                                                                    <option value="KZ">Kazakhstan</option>
-                                                                                    <option value="KE">Kenya</option>
-                                                                                    <option value="KI">Kiribati</option>
-                                                                                    <option value="KR">Korea, Republic of</option>
-                                                                                    <option value="KW">Kuwait</option>
-                                                                                    <option value="KG">Kyrgyzstan</option>
-                                                                                    <option value="LV">Latvia</option>
-                                                                                    <option value="LB">Lebanon</option>
-                                                                                    <option value="LS">Lesotho</option>
-                                                                                    <option value="LR">Liberia</option>
-                                                                                    <option value="LY">Libyan Arab Jamahiriya</option>
-                                                                                    <option value="LI">Liechtenstein</option>
-                                                                                    <option value="LT">Lithuania</option>
-                                                                                    <option value="LU">Luxembourg</option>
-                                                                                    <option value="MO">Macau</option>
-                                                                                    <option value="MG">Madagascar</option>
-                                                                                    <option value="MW">Malawi</option>
-                                                                                    <option value="MY">Malaysia</option>
-                                                                                    <option value="MV">Maldives</option>
-                                                                                    <option value="ML">Mali</option>
-                                                                                    <option value="MT">Malta</option>
-                                                                                    <option value="MH">Marshall Islands</option>
-                                                                                    <option value="MQ">Martinique</option>
-                                                                                    <option value="MR">Mauritania</option>
-                                                                                    <option value="MU">Mauritius</option>
-                                                                                    <option value="YT">Mayotte</option>
-                                                                                    <option value="MX">Mexico</option>
-                                                                                    <option value="MD">Moldova, Republic of</option>
-                                                                                    <option value="MC">Monaco</option>
-                                                                                    <option value="MN">Mongolia</option>
-                                                                                    <option value="MS">Montserrat</option>
-                                                                                    <option value="MA">Morocco</option>
-                                                                                    <option value="MZ">Mozambique</option>
-                                                                                    <option value="MM">Myanmar</option>
-                                                                                    <option value="NA">Namibia</option>
-                                                                                    <option value="NR">Nauru</option>
-                                                                                    <option value="NP">Nepal</option>
-                                                                                    <option value="NL">Netherlands</option>
-                                                                                    <option value="AN">Netherlands Antilles</option>
-                                                                                    <option value="NC">New Caledonia</option>
-                                                                                    <option value="NZ">New Zealand</option>
-                                                                                    <option value="NI">Nicaragua</option>
-                                                                                    <option value="NE">Niger</option>
-                                                                                    <option value="NG">Nigeria</option>
-                                                                                    <option value="NU">Niue</option>
-                                                                                    <option value="NF">Norfolk Island</option>
-                                                                                    <option value="MP">Northern Mariana Islands</option>
-                                                                                    <option value="NO">Norway</option>
-                                                                                    <option value="OM">Oman</option>
-                                                                                    <option value="PW">Palau</option>
-                                                                                    <option value="PA">Panama</option>
-                                                                                    <option value="PG">Papua New Guinea</option>
-                                                                                    <option value="PY">Paraguay</option>
-                                                                                    <option value="PE">Peru</option>
-                                                                                    <option value="PH">Philippines</option>
-                                                                                    <option value="PN">Pitcairn</option>
-                                                                                    <option value="PL">Poland</option>
-                                                                                    <option value="PT">Portugal</option>
-                                                                                    <option value="PR">Puerto Rico</option>
-                                                                                    <option value="QA">Qatar</option>
-                                                                                    <option value="RE">Reunion</option>
-                                                                                    <option value="RO">Romania</option>
-                                                                                    <option value="RU">Russian Federation</option>
-                                                                                    <option value="RW">Rwanda</option>
-                                                                                    <option value="KN">Saint Kitts and Nevis</option>
-                                                                                    <option value="LC">Saint LUCIA</option>
-                                                                                    <option value="WS">Samoa</option>
-                                                                                    <option value="SM">San Marino</option>
-                                                                                    <option value="ST">Sao Tome and Principe</option>
-                                                                                    <option value="SA">Saudi Arabia</option>
-                                                                                    <option value="SN">Senegal</option>
-                                                                                    <option value="SC">Seychelles</option>
-                                                                                    <option value="SL">Sierra Leone</option>
-                                                                                    <option value="SG">Singapore</option>
-                                                                                    <option value="SK">Slovakia (Slovak Republic)</option>
-                                                                                    <option value="SI">Slovenia</option>
-                                                                                    <option value="SB">Solomon Islands</option>
-                                                                                    <option value="SO">Somalia</option>
-                                                                                    <option value="ZA">South Africa</option>
-                                                                                    <option value="ES">Spain</option>
-                                                                                    <option value="LK">Sri Lanka</option>
-                                                                                    <option value="SH">St. Helena</option>
-                                                                                    <option value="PM">St. Pierre and Miquelon</option>
-                                                                                    <option value="SD">Sudan</option>
-                                                                                    <option value="SR">Suriname</option>
-                                                                                    <option value="SZ">Swaziland</option>
-                                                                                    <option value="SE">Sweden</option>
-                                                                                    <option value="CH">Switzerland</option>
-                                                                                    <option value="SY">Syrian Arab Republic</option>
-                                                                                    <option value="TW">Taiwan, Province of China</option>
-                                                                                    <option value="TJ">Tajikistan</option>
-                                                                                    <option value="TZ">Tanzania, United Republic of</option>
-                                                                                    <option value="TH">Thailand</option>
-                                                                                    <option value="TG">Togo</option>
-                                                                                    <option value="TK">Tokelau</option>
-                                                                                    <option value="TO">Tonga</option>
-                                                                                    <option value="TT">Trinidad and Tobago</option>
-                                                                                    <option value="TN">Tunisia</option>
-                                                                                    <option value="TR">Turkey</option>
-                                                                                    <option value="TM">Turkmenistan</option>
-                                                                                    <option value="TC">Turks and Caicos Islands</option>
-                                                                                    <option value="TV">Tuvalu</option>
-                                                                                    <option value="UG">Uganda</option>
-                                                                                    <option value="UA">Ukraine</option>
-                                                                                    <option value="AE">United Arab Emirates</option>
-                                                                                    <option value="GB">United Kingdom</option>
-                                                                                    <option value="US">United States</option>
-                                                                                    <option value="UY">Uruguay</option>
-                                                                                    <option value="UZ">Uzbekistan</option>
-                                                                                    <option value="VU">Vanuatu</option>
-                                                                                    <option value="VE">Venezuela</option>
-                                                                                    <option value="VN">Viet Nam</option>
-                                                                                    <option value="VG">Virgin Islands (British)</option>
-                                                                                    <option value="VI">Virgin Islands (U.S.)</option>
-                                                                                    <option value="WF">Wallis and Futuna Islands</option>
-                                                                                    <option value="EH">Western Sahara</option>
-                                                                                    <option value="YE">Yemen</option>
-                                                                                    <option value="ZM">Zambia</option>
-                                                                                    <option value="ZW">Zimbabwe</option>                                    
-                                                                                </select>
-                                                                            </div>
-                                                                        </div>
-                                                                    </div> <!-- end row -->
-            
-                                                                    <div class="row">
-                                                                        <div class="col-12">
-                                                                            <div class="form-group">
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="customCheck2">
-                                                                                    <label class="custom-control-label" for="customCheck2">Ship to different address ?</label>
-                                                                                </div>
-                                                                            </div>
-            
-                                                                            <div class="form-group mt-3">
-                                                                                <label for="example-textarea">Order Notes:</label>
-                                                                                <textarea class="form-control" id="example-textarea" rows="3" placeholder="Write some note.."></textarea>
-                                                                            </div>
-                                                                        </div>
-                                                                    </div> <!-- end row -->
-                                                                </form>
-                                                            </div>
-                                                            <ul class="pager wizard list-inline mt-2">
-                                                                <li class="list-inline-item">
-                                                                    <a href="ecommerce-cart.html" class="btn btn-secondary"><i class="mdi mdi-arrow-left"></i> Back to Shopping Cart </a>
-                                                                </li>
-                                                                <li class="next list-inline-item float-right">
-                                                                    <button type="button" class="btn btn-success"><i class="mdi mdi-truck-fast mr-1"></i> Proceed to Shipping </button>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-
-                                                        <div class="tab-pane" id="shipping-info">
-                                                            <div>
-                                                                <h4 class="header-title">Saved Address</h4>
-
-                                                                <p class="sub-header">Fill the form below in order to
-                                                                    send you the order's invoice.</p>
-            
-                                                                <div class="row">
-                                                                    <div class="col-md-6">
-                                                                        <div class="border p-3 rounded mb-3 mb-md-0">
-                                                                            
-                                                                            <div class="custom-control custom-radio custom-control-inline">
-                                                                                <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input" checked>
-                                                                                <label class="custom-control-label font-16" for="customRadio1">Home</label>
-                                                                            </div>
-
-                                                                            <div class="float-right">
-                                                                                <a href="#"><i class="mdi mdi-square-edit-outline text-muted font-20"></i></a>
-                                                                            </div>
-                                                                            <h5 class="mt-3">Brent Rowe</h5>
-                                        
-                                                                            <p class="mb-1"><span class="font-weight-semibold mr-2">Address:</span> 3559 Roosevelt Wilson Lane San Bernardino, CA 92405</p>
-                                                                            <p class="mb-1"><span class="font-weight-semibold mr-2">Phone:</span> (123) 456-7890</p>
-                                                                            <p class="mb-0"><span class="font-weight-semibold mr-2">Mobile:</span> (+01) 12345 67890</p>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="col-md-6">
-                                                                        <div class="border p-3 rounded mb-3 mb-md-0">
-                                                                            <div class="custom-control custom-radio custom-control-inline">
-                                                                                <input type="radio" id="customRadio2" name="customRadio" class="custom-control-input">
-                                                                                <label class="custom-control-label font-16" for="customRadio2">Office</label>
-                                                                            </div>
-                                                                            <div class="float-right">
-                                                                                <a href="#"><i class="mdi mdi-square-edit-outline text-muted font-20"></i></a>
-                                                                            </div>
-                                                                            <h5 class="mt-3">Brent Rowe</h5>
-                                        
-                                                                            <p class="mb-1"><span class="font-weight-semibold mr-2">Address:</span> 3559 Roosevelt Wilson Lane San Bernardino, CA 92405</p>
-                                                                            <p class="mb-1"><span class="font-weight-semibold mr-2">Phone:</span> (123) 456-7890</p>
-                                                                            <p class="mb-0"><span class="font-weight-semibold mr-2">Mobile:</span> (+01) 12345 67890</p>
-                                                                        </div>
-                                                                    </div>
-                                                                </div>
-                                                                <!-- end row-->
-
-                                                                <h4 class="header-title mt-4">Shipping Method</h4>
-
-                                                                <p class="text-muted mb-3">Fill the form below in order to
-                                                                    send you the order's invoice.</p>
-
-                                                                <div class="row">
-                                                                    <div class="col-md-12">
-                                                                        <div class="border p-3 rounded mb-3">
-                                                                            <div class="custom-control custom-radio">
-                                                                                <input type="radio" id="shippingMethodRadio1" name="shippingOptions" class="custom-control-input" checked>
-                                                                                <label class="custom-control-label font-16" for="shippingMethodRadio1">Standard Delivery - FREE</label>
-                                                                            </div>
-                                                                            <p class="mb-0 pl-3 pt-1">Estimated 5-7 days shipping (Duties and tax may be due upon delivery)</p>
-                                                                        </div>
-
-                                                                        <div class="border p-3 rounded">
-                                                                            <div class="custom-control custom-radio">
-                                                                                <input type="radio" id="shippingMethodRadio2" name="shippingOptions" class="custom-control-input">
-                                                                                <label class="custom-control-label font-16" for="shippingMethodRadio2">Fast Delivery - $25</label>
-                                                                            </div>
-                                                                            <p class="mb-0 pl-3 pt-1">Estimated 1-2 days shipping (Duties and tax may be due upon delivery)</p>
-                                                                        </div>
-                                                                    </div>
-                                                                </div>
-                                                                <!-- end row-->
-                                                            </div>
-                                                            <ul class="pager wizard list-inline mt-3">
-                                                                <li class="previous list-inline-item">
-                                                                    <button type="button" class="btn btn-secondary"><i class="mdi mdi-arrow-left mr-1"></i> Back to Billing</button>
-                                                                </li>
-                                                                <li class="next list-inline-item float-right">
-                                                                    <button type="button" class="btn btn-success"><i class="mdi mdi-cash-multiple mr-1"></i> Continue to Payment </button>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                        <div class="tab-pane" id="payment-info">
-                                                            <div>
-                                                                <h4 class="header-title">Payment Selection</h4>
-        
-                                                                <p class="sub-header">Fill the form below in order to
-                                                                    send you the order's invoice.</p>
-            
-                                                                <!-- Pay with Paypal box-->
-                                                                <div class="border p-3 mb-3 rounded">
-                                                                    <div class="float-right">
-                                                                        <i class="fab fa-cc-paypal font-24 text-primary"></i>
-                                                                    </div>
-                                                                    <div class="custom-control custom-radio custom-control-inline">
-                                                                        <input type="radio" id="BillingOptRadio2" name="billingOptions" class="custom-control-input">
-                                                                        <label class="custom-control-label font-16" for="BillingOptRadio2">Pay with Paypal</label>
-                                                                    </div>
-                                                                    <p class="mb-0 pl-3 pt-1">You will be redirected to PayPal website to complete your purchase securely.</p>
-                                                                    
-                                                                </div>
-                                                                <!-- end Pay with Paypal box-->
-            
-                                                                <!-- Credit/Debit Card box-->
-                                                                <div class="border p-3 mb-3 rounded">
-                                                                    <div class="float-right">
-                                                                        <i class="far fa-credit-card font-24 text-primary"></i>
-                                                                    </div>
-                                                                    <div class="custom-control custom-radio custom-control-inline">
-                                                                        <input type="radio" id="BillingOptRadio1" name="billingOptions" class="custom-control-input" checked>
-                                                                        <label class="custom-control-label font-16" for="BillingOptRadio1">Credit / Debit Card</label>
-                                                                    </div>
-                                                                    <p class="mb-0 pl-3 pt-1">Safe money transfer using your bank account. We support Mastercard, Visa, Discover and Stripe.</p>
-                                                                    
-                                                                    <div class="row mt-4">
-                                                                        <div class="col-md-12">
-                                                                            <div class="form-group">
-                                                                                <label for="card-number">Card Number</label>
-                                                                                <input type="text" id="card-number" class="form-control" data-toggle="input-mask" data-mask-format="0000 0000 0000 0000" placeholder="4242 4242 4242 4242">
-                                                                            </div>
-                                                                        </div>
-                                                                    </div> <!-- end row -->
-                                                                    <div class="row">
-                                                                        <div class="col-md-6">
-                                                                            <div class="form-group">
-                                                                                <label for="card-name-on">Name on card</label>
-                                                                                <input type="text" id="card-name-on" class="form-control" placeholder="Master Name">
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="col-md-3">
-                                                                            <div class="form-group">
-                                                                                <label for="card-expiry-date">Expiry date</label>
-                                                                                <input type="text" id="card-expiry-date" class="form-control" data-toggle="input-mask" data-mask-format="00/00" placeholder="MM/YY">
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="col-md-3">
-                                                                            <div class="form-group">
-                                                                                <label for="card-cvv">CVV code</label>
-                                                                                <input type="text" id="card-cvv" class="form-control" data-toggle="input-mask" data-mask-format="000" placeholder="012">
-                                                                            </div>
-                                                                        </div>
-                                                                    </div> <!-- end row -->
-                                                                </div>
-                                                                <!-- end Credit/Debit Card box-->
-            
-                                                                <!-- Cash on Delivery box-->
-                                                                <div class="border p-3 mb-3 rounded">
-                                                                    <div class="float-right">
-                                                                        <i class="fas fa-money-bill-alt font-24 text-primary"></i>
-                                                                    </div>
-                                                                    <div class="custom-control custom-radio custom-control-inline">
-                                                                        <input type="radio" id="BillingOptRadio4" name="billingOptions" class="custom-control-input">
-                                                                        <label class="custom-control-label font-16" for="BillingOptRadio4">Cash on Delivery</label>
-                                                                    </div>
-                                                                    <p class="mb-0 pl-3 pt-1">Pay with cash when your order is delivered.</p>
-                                                                </div>
-                                                                <!-- end Cash on Delivery box-->
-                                                            </div>
-                                                            <ul class="pager wizard list-inline mt-3">
-                                                                <li class="list-inline-item">
-                                                                    <a href="ecommerce-cart.html" class="btn btn-secondary"> <i class="mdi mdi-arrow-left"></i> Back to Shopping Cart </a>
-                                                                </li>
-                                                                <li class="list-inline-item float-right">
-                                                                    <button type="submit" class="btn btn-success"><i class="mdi mdi-cash-multiple mr-1"></i> Complete Order </button>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </div>
-
-                                                </div>
-                                            </div>
-                                            <div class="col-lg-4">
-                                                <div class="card">
-                                                    <div class="card-body">
-                                                        <h4 class="header-title mb-3">Order Summary</h4>
-
-                                                        <div class="table-responsive">
-                                                            <table class="table table-centered table-nowrap mb-0">
-                                                                <tbody>
-                                                                    <tr>
-                                                                        <td style="width: 80px;">
-                                                                            <img src="../assets/images/products/product-1.png" alt="product-img"
-                                                                                title="product-img" class="rounded" height="48" />
-                                                                        </td>
-                                                                        <td>
-                                                                            <a href="ecommerce-product-detail.html" class="text-body font-weight-semibold">Blue color T-shirt</a>
-                                                                            <small class="d-block">1 x $ 41</small>
-                                                                        </td>
-                                                                        
-                                                                        <td class="text-right">
-                                                                            $ 41
-                                                                        </td>
-                                                                    </tr>
-                                                                    <tr>
-                                                                        <td>
-                                                                            <img src="../assets/images/products/product-6.png" alt="product-img"
-                                                                                title="product-img" class="rounded" height="48" />
-                                                                        </td>
-    
-                                                                        <td>
-                                                                            <a href="ecommerce-product-detail.html" class="text-body font-weight-semibold">Blue Hoodie for men</a>
-                                                                            <small class="d-block">2 x $ 45</small>
-                                                                        </td>
-                                                                        <td class="text-right">
-                                                                            $ 90
-                                                                        </td>
-                                                                    </tr>
-                                                                    <tr>
-                                                                        <td>
-                                                                            <img src="../assets/images/products/product-8.png" alt="product-img"
-                                                                                title="product-img" class="rounded mr-2" height="48" />
-                                                                        </td>
-                                                                        <td>
-                                                                            <a href="ecommerce-product-detail.html" class="text-body font-weight-semibold">Full sleeve Pink T-shirt</a>
-                                                                            <small class="d-block">1 x $ 45</small>
-                                                                        </td>
-                                                                        <td class="text-right">
-                                                                            $ 45
-                                                                        </td>
-                                                                    </tr>
-                                                                    <tr class="text-right">
-                                                                        <td colspan="2">
-                                                                            <h6 class="m-0">Sub Total:</h6>
-                                                                        </td>
-                                                                        <td class="text-right">
-                                                                            $ 176
-                                                                        </td>
-                                                                    </tr>
-                                                                    <tr class="text-right">
-                                                                        <td colspan="2">
-                                                                            <h6 class="m-0">Shipping:</h6>
-                                                                        </td>
-                                                                        <td class="text-right">
-                                                                            FREE
-                                                                        </td>
-                                                                    </tr>
-                                                                    <tr class="text-right">
-                                                                        <td colspan="2">
-                                                                            <h5 class="m-0">Total:</h5>
-                                                                        </td>
-                                                                        <td class="text-right font-weight-semibold">
-                                                                            $ 176
-                                                                        </td>
-                                                                    </tr>
-                                                                </tbody>
-                                                            </table>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/twitter-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
-        <script src="../assets/libs/select2/js/select2.min.js"></script>
-
-        <!-- ecommerce-checkout init -->
-        <script src="../assets/js/pages/ecommerce-checkout.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ecommerce-customers.html b/public/modern/ecommerce-customers.html
deleted file mode 100644
index e659638..0000000
--- a/public/modern/ecommerce-customers.html
+++ /dev/null
@@ -1,2262 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Customers | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- third party css -->
-        <link href="../assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
-        <!-- third party css end -->
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Customers</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">eCommerce</a></li>
-                                            <li class="breadcrumb-item active">Customers</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row mb-2">
-                                            <div class="col-sm-4">
-                                                <a href="javascript:void(0);" class="btn btn-danger mb-2"><i class="mdi mdi-plus-circle mr-1"></i> Add Customers</a>
-                                            </div>
-                                            <div class="col-sm-8">
-                                                <div class="text-sm-right">
-                                                    <button type="button" class="btn btn-success mb-2 mr-1"><i class="mdi mdi-cog"></i></button>
-                                                    <button type="button" class="btn btn-light mb-2 mr-1">Import</button>
-                                                    <button type="button" class="btn btn-light mb-2">Export</button>
-                                                </div>
-                                            </div><!-- end col-->
-                                        </div>
-                
-                                        <div class="table-responsive">
-                                            <table class="table table-centered dt-responsive nowrap w-100" id="products-datatable">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th style="width: 20px;">
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck1">
-                                                                <label class="custom-control-label" for="customCheck1">&nbsp;</label>
-                                                            </div>
-                                                        </th>
-                                                        <th>Customer</th>
-                                                        <th>Phone</th>
-                                                        <th>Balance</th>
-                                                        <th>Orders</th>
-                                                        <th>Last Order</th>
-                                                        <th>Status</th>
-                                                        <th style="width: 75px;">Action</th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck2">
-                                                                <label class="custom-control-label" for="customCheck2">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <img src="../assets/images/users/avatar-4.jpg" alt="table-user" class="mr-3 rounded-circle avatar-sm">
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">John Delaney</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2048</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>078 5054 8877</td>
-                                                        <td>
-                                                            $8,562.25
-                                                        </td>
-                                                        <td>
-                                                            41
-                                                        </td>
-                                                        <td>
-                                                            02 Apr, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck3">
-                                                                <label class="custom-control-label" for="customCheck3">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <img src="../assets/images/users/avatar-5.jpg" alt="table-user" class="mr-3 rounded-circle avatar-sm">
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">George Beasley</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2047</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>215-302-3376</td>
-                                                        <td>
-                                                            $4,254.65
-                                                        </td>
-                                                        <td>
-                                                            23
-                                                        </td>
-                                                        <td>
-                                                            04 Mar, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck4">
-                                                                <label class="custom-control-label" for="customCheck4">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <div class="avatar-sm mr-3">
-                                                                    <div class="avatar-title rounded-circle bg-soft-primary font-weight-medium text-primary">
-                                                                        M
-                                                                    </div>
-                                                                </div>
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">Mary Gonzalez</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2046</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>050 414 8778</td>
-                                                        <td>
-                                                            $874.82
-                                                        </td>
-                                                        <td>
-                                                            34
-                                                        </td>
-                                                        <td>
-                                                            11 Jul, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-danger">Blocked</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck5">
-                                                                <label class="custom-control-label" for="customCheck5">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <img src="../assets/images/users/avatar-6.jpg" alt="table-user" class="mr-3 rounded-circle avatar-sm">
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">Roberto Norton</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2045</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>(216) 75 612 706</td>
-                                                        <td>
-                                                            $5,562.45
-                                                        </td>
-                                                        <td>
-                                                            20
-                                                        </td>
-                                                        <td>
-                                                            15 Nov, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-danger">Blocked</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck6">
-                                                                <label class="custom-control-label" for="customCheck6">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <img src="../assets/images/users/avatar-7.jpg" alt="table-user" class="mr-3 rounded-circle avatar-sm">
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">Jose Payson</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2044</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>078 6013 3854</td>
-                                                        <td>
-                                                            $1,625.84
-                                                        </td>
-                                                        <td>
-                                                            22
-                                                        </td>
-                                                        <td>
-                                                            21 Feb, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-danger">Blocked</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck7">
-                                                                <label class="custom-control-label" for="customCheck7">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <img src="../assets/images/users/avatar-8.jpg" alt="table-user" class="mr-3 rounded-circle avatar-sm">
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">Frank King</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2043</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>050 414 8778</td>
-                                                        <td>
-                                                            $3,568.54
-                                                        </td>
-                                                        <td>
-                                                            28
-                                                        </td>
-                                                        <td>
-                                                            12 Jun, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck8">
-                                                                <label class="custom-control-label" for="customCheck8">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <div class="avatar-sm mr-3">
-                                                                    <div class="avatar-title rounded-circle bg-soft-primary font-weight-medium text-primary">
-                                                                        A
-                                                                    </div>
-                                                                </div>
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">Anne Martinez</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2042</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>078 5054 8877</td>
-                                                        <td>
-                                                            $6,458.21
-                                                        </td>
-                                                        <td>
-                                                            33
-                                                        </td>
-                                                        <td>
-                                                            14 Jul, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck9">
-                                                                <label class="custom-control-label" for="customCheck9">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <img src="../assets/images/users/avatar-9.jpg" alt="table-user" class="mr-3 rounded-circle avatar-sm">
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">Olive Hedin</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2041</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>215-302-3376</td>
-                                                        <td>
-                                                            $3,524.27
-                                                        </td>
-                                                        <td>
-                                                            27
-                                                        </td>
-                                                        <td>
-                                                            16 Aug, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck10">
-                                                                <label class="custom-control-label" for="customCheck10">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <div class="avatar-sm mr-3">
-                                                                    <div class="avatar-title rounded-circle bg-soft-primary font-weight-medium text-primary">
-                                                                        C
-                                                                    </div>
-                                                                </div>
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">Clara Ramsey</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2040</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>(216) 75 612 706</td>
-                                                        <td>
-                                                            $724.12
-                                                        </td>
-                                                        <td>
-                                                            16
-                                                        </td>
-                                                        <td>
-                                                            13 Sep, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck11">
-                                                                <label class="custom-control-label" for="customCheck11">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <img src="../assets/images/users/avatar-10.jpg" alt="table-user" class="mr-3 rounded-circle avatar-sm">
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">Jeff Luck</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2039</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>(02) 75 150 655</td>
-                                                        <td>
-                                                            $1,825.14
-                                                        </td>
-                                                        <td>
-                                                            18
-                                                        </td>
-                                                        <td>
-                                                            18 Nov, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck12">
-                                                                <label class="custom-control-label" for="customCheck12">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <img src="../assets/images/users/avatar-4.jpg" alt="table-user" class="mr-3 rounded-circle avatar-sm">
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">Bruce Williams</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2038</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>215-302-3376</td>
-                                                        <td>
-                                                            $2,214.61
-                                                        </td>
-                                                        <td>
-                                                            27
-                                                        </td>
-                                                        <td>
-                                                            14 Apr, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-danger">Blocked</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck13">
-                                                                <label class="custom-control-label" for="customCheck13">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <div class="media">
-                                                                <img src="../assets/images/users/avatar-5.jpg" alt="table-user" class="mr-3 rounded-circle avatar-sm">
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0 mb-1"><a href="javascript:void(0);" class="text-dark">Tyler Davis</a></h5>
-                                                                    <p class="mb-0 font-13">ID : #MN2037</p>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>050 414 8778</td>
-                                                        <td>
-                                                            $2,354.45
-                                                        </td>
-                                                        <td>
-                                                            21
-                                                        </td>
-                                                        <td>
-                                                            21 Dec, 2020 
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                            
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </div>
-                                </div>
-                                <!-- end row -->
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- third party js -->
-        <script src="../assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
-        <script src="../assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
-        <script src="../assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
-        <script src="../assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
-        <script src="../assets/libs/jquery-datatables-checkboxes/js/dataTables.checkboxes.min.js"></script>
-        <!-- third party js ends -->
-
-        <!-- Datatables init -->
-        <script src="../assets/js/pages/customers.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ecommerce-orders-detail.html b/public/modern/ecommerce-orders-detail.html
deleted file mode 100644
index 9398684..0000000
--- a/public/modern/ecommerce-orders-detail.html
+++ /dev/null
@@ -1,1946 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Order Detail | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Order Detail</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">eCommerce</a></li>
-                                            <li class="breadcrumb-item active">Order Detail</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="card">
-                                    <div class="card-header border-bottom bg-transparent">
-                                        <h5 class="header-title mb-0">Order #MN2048</h5>
-                                    </div>
-                                    <div class="card-body">
-                                        <div>
-                                            <div class="row">
-                                                <div class="col-lg-3 col-sm-6">
-
-                                                    <div class="media mb-2">
-                                                        <div class="mr-2 align-self-center">
-                                                            <i class="ri-hashtag h2 m-0 text-muted"></i>
-                                                        </div>
-                                                        <div class="media-body">
-                                                            <p class="mb-1">ID No.</p>
-                                                            <h5 class="mt-0">
-                                                                #MN2048
-                                                            </h5>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-3 col-sm-6">
-
-                                                    <div class="media mb-2">
-                                                        <div class="mr-2 align-self-center">
-                                                            <i class="ri-user-2-line h2 m-0 text-muted"></i>
-                                                        </div>
-                                                        <div class="media-body">
-                                                            <p class="mb-1">Billing Name</p>
-                                                            <h5 class="mt-0">
-                                                                Charles Wilson
-                                                            </h5>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-3 col-sm-6">
-                                                    
-                                                    <div class="media mb-2">
-                                                        <div class="mr-2 align-self-center">
-                                                            <i class="ri-calendar-event-line h2 m-0 text-muted"></i>
-                                                        </div>
-                                                        <div class="media-body">
-                                                            <p class="mb-1">Date</p>
-                                                            <h5 class="mt-0">
-                                                                Apr 16 2020 <small class="text-muted">10:29 PM</small>
-                                                            </h5>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-3 col-sm-6">
-
-                                                    <div class="media mb-2">
-                                                        <div class="mr-2 align-self-center">
-                                                            <i class="ri-map-pin-time-line h2 m-0 text-muted"></i>
-                                                        </div>
-                                                        <div class="media-body">
-                                                            <p class="mb-1">Tracking ID</p>
-                                                            <h5 class="mt-0">
-                                                                123456789
-                                                            </h5>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div class="mt-2">
-                                            <h4 class="header-title mb-3">Items from Order #MN2048</h4>
-                                            <div class="row">
-                                                <div class="col-lg-8">
-                                                    <div>
-                                                        <div class="table-responsive">
-                                                            <table class="table table-centered border table-nowrap mb-lg-0">
-                                                                <thead class="bg-light">
-                                                                    <tr>
-                                                                        <th>Product</th>
-                                                                        <th>Quantity</th>
-                                                                        <th>Price</th>
-                                                                        <th>Total</th>
-                                                                    </tr>
-                                                                </thead>
-                                                                <tbody>
-                                                                    <tr>
-                                                                        
-                                                                        <td>
-                                                                            <div class="media align-items-center">
-                                                                                <div class="mr-3">
-                                                                                    <img src="../assets/images/products/product-1.png" alt="product-img" height="40">
-                                                                                </div>
-                                                                                <div class="media-body">
-                                                                                    <h5 class="m-0">Blue color T-shirt</h5>
-                                                                                    <p class="mb-0">Size : Large</p>
-                                                                                </div>
-                                                                            </div>
-                                                                        </td>
-                                                                        <td>1</td>
-                                                                        <td>$41</td>
-                                                                        <td>$41</td>
-                                                                    </tr>
-                                                                    <tr>
-                                                                        <td>
-                                                                            <div class="media align-items-center">
-                                                                                <div class="mr-3">
-                                                                                    <img src="../assets/images/products/product-6.png" alt="product-img" height="40">
-                                                                                </div>
-                                                                                <div class="media-body">
-                                                                                    <h5 class="m-0">Blue Hoodie for men</h5>
-                                                                                    <p class="mb-0">Size : Medium</p>
-                                                                                </div>
-                                                                            </div>
-                                                                        </td>
-                                                                        <td>2</td>
-                                                                        <td>$45</td>
-                                                                        <td>$90</td>
-                                                                    </tr>
-                                                                    <tr>
-                                                                        <td>
-                                                                            <div class="media align-items-center">
-                                                                                <div class="mr-3">
-                                                                                    <img src="../assets/images/products/product-8.png" alt="product-img" height="40">
-                                                                                </div>
-                                                                                <div class="media-body">
-                                                                                    <h5 class="m-0">Full sleeve Pink T-shirt</h5>
-                                                                                    <p class="mb-0">Size : Large</p>
-                                                                                </div>
-                                                                            </div>
-                                                                        </td>
-                                                                        <td>1</td>
-                                                                        <td>$45</td>
-                                                                        <td>$45</td>
-                                                                    </tr>
-                                                                </tbody>
-                                                            </table>
-                                                        </div>
-                                                    </div>
-                                                </div>
-    
-                                                <div class="col-lg-4">
-                                                    <div>
-                                                        
-                                                        <div class="table-responsive">
-                                                            <table class="table table-centered border mb-0">
-                                                                <thead class="bg-light">
-                                                                    <tr>
-                                                                        <th colspan="2">Order summary</th>
-                                                                    </tr>
-                                                                </thead>
-                                                                <tbody>
-                                                                    <tr>
-                                                                        <th scope="row">Sub Total :</th>
-                                                                        <td>$176</td>
-                                                                    </tr>
-                                                                    <tr>
-                                                                        <th scope="row">Shipping Charge :</th>
-                                                                        <td>$24</td>
-                                                                    </tr>
-                                                                    <tr>
-                                                                        <th scope="row">Estimated Tax :</th>
-                                                                        <td>$12</td>
-                                                                    </tr>
-                                                                    <tr>
-                                                                        <th scope="row">Total :</th>
-                                                                        <td>$212</td>
-                                                                    </tr>
-                                                                </tbody>
-                                                            </table>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                    </div>
-                                </div>
-                                <!-- end card -->
-
-                                <div class="row mb-3">
-                                    <div class="col-lg-4">
-                                        <div>
-                                            <h4 class="font-15 mb-2">Shipping Information</h4>
-
-                                            <div class="card p-2 mb-lg-0">
-                                                
-                                                <table class="table table-borderless table-sm mb-0">
-                            
-                                                    <tbody>
-                                                        <tr>
-                                                            <th colspan="2"><h5 class="font-15 m-0">Arnold Jackson</h5></th>
-                                                        </tr>
-                                                        <tr>
-                                                            <th scope="row">Address:</th>
-                                                            <td>707 Locust View Drive
-                                                                San Francisco, CA 94115</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th scope="row">Phone :</th>
-                                                            <td>(123) 456-7890</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th scope="row">Mobile :</th>
-                                                            <td>(+01) 12345 67890</td>
-                                                        </tr>
-                                                    </tbody>
-                                                </table>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-lg-4">
-                                        <div>
-                                            <h4 class="font-15 mb-2">Billing  Information</h4>
-
-                                            <div class="card p-2 mb-lg-0">
-                                                <table class="table table-borderless table-sm mb-0">
-                                    
-                                                    <tbody>
-                                                        <tr>
-                                                            <th scope="row">Payment Type:</th>
-                                                            <td>Credit Card</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th scope="row">Provider :</th>
-                                                            <td>Visa ending in 2851</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th scope="row">Valid Date :</th>
-                                                            <td>02/2021</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th scope="row">CVV :</th>
-                                                            <td>xxx</td>
-                                                        </tr>
-                                                    </tbody>
-                                                </table>
-                                            </div>
-                                        </div>
-                                    </div>
-
-                                    <div class="col-lg-4">
-                                        <div>
-                                            <h4 class="font-15 mb-2">Delivery Info</h4>
-
-                                            <div class="card p-2 mb-lg-0">
-                                                <div class="text-center">
-                                                    <div class="my-2">
-                                                        <i class="mdi mdi-truck-fast h1 text-muted"></i>
-                                                    </div>
-                                                    <h5><b>UPS Delivery</b></h5>
-                                                    <div class="mt-2 pt-1">
-                                                        <p class="mb-1"><span class="font-weight-semibold">Order ID :</span> xxxx048</p>
-                                                        <p class="mb-0"><span class="font-weight-semibold">Payment Mode :</span> COD</p>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ecommerce-orders.html b/public/modern/ecommerce-orders.html
deleted file mode 100644
index 8aef0db..0000000
--- a/public/modern/ecommerce-orders.html
+++ /dev/null
@@ -1,2169 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Orders | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Orders</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">eCommerce</a></li>
-                                            <li class="breadcrumb-item active">Orders</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row mb-2">
-                                            <div class="col-lg-8">
-                                                <form class="form-inline">
-                                                    <div class="form-group mb-2">
-                                                        <label for="inputPassword2" class="sr-only">Search</label>
-                                                        <input type="search" class="form-control" id="inputPassword2" placeholder="Search...">
-                                                    </div>
-                                                    <div class="form-group mx-sm-3 mb-2">
-                                                        <label for="status-select" class="mr-2">Status</label>
-                                                        <select class="custom-select" id="status-select">
-                                                            <option selected>Choose...</option>
-                                                            <option value="1">Paid</option>
-                                                            <option value="2">Awaiting Authorization</option>
-                                                            <option value="3">Payment failed</option>
-                                                            <option value="4">Cash On Delivery</option>
-                                                            <option value="5">Fulfilled</option>
-                                                            <option value="6">Unfulfilled</option>
-                                                        </select>
-                                                    </div>
-                                                </form>                            
-                                            </div>
-                                            <div class="col-lg-4">
-                                                <div class="text-lg-right">
-                                                    <button type="button" class="btn btn-danger mb-2 mr-2"><i class="mdi mdi-basket mr-1"></i> Add New Order</button>
-                                                    <button type="button" class="btn btn-light mb-2">Export</button>
-                                                </div>
-                                            </div><!-- end col-->
-                                        </div>
-                
-                                        <div class="table-responsive">
-                                            <table class="table table-centered table-nowrap mb-0">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th style="width: 20px;">
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck1">
-                                                                <label class="custom-control-label" for="customCheck1">&nbsp;</label>
-                                                            </div>
-                                                        </th>
-                                                        <th>Order ID</th>
-                                                        <th>Billing Name</th>
-                                                        <th>Date</th>
-                                                        <th>Payment Status</th>
-                                                        <th>Total</th>
-                                                        <th>Payment Method</th>
-                                                        <th>Order Status</th>
-                                                        <th style="width: 125px;">Action</th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck2">
-                                                                <label class="custom-control-label" for="customCheck2">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td><a href="ecommerce-orders-detail.html" class="text-body font-weight-medium">#MN2048</a> </td>
-                                                        <td>James Modlin</td>
-                                                        <td>
-                                                            Apr 16 2020 <small class="text-muted">10:29 PM</small>
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                <span class="badge badge-soft-success">Paid</span>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            $152.23
-                                                        </td>
-                                                        <td>
-                                                            Mastercard
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-info">Shipped</span></div>
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck3">
-                                                                <label class="custom-control-label" for="customCheck3">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td><a href="ecommerce-orders-detail.html" class="text-body font-weight-medium">#MN2047</a> </td>
-                                                        <td>Lessie Craig</td>
-                                                        <td>
-                                                            Apr 15 2020 <small class="text-muted">09:34 A</small>
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-soft-warning">Awaiting Authorization</span></div>
-                                                        </td>
-                                                        <td>
-                                                            $112.24
-                                                        </td>
-                                                        <td>
-                                                            Mastercard
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-warning">Processing</span></div>
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck4">
-                                                                <label class="custom-control-label" for="customCheck4">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td><a href="ecommerce-orders-detail.html" class="text-body font-weight-medium">#MN2046</a> </td>
-                                                        <td>Tia McCord</td>
-                                                        <td>
-                                                            Apr 14 2020 <small class="text-muted">11:09 AM</small>
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-soft-success">Paid</span></div>
-                                                        </td>
-                                                        <td>
-                                                            $106.01
-                                                        </td>
-                                                        <td>
-                                                            Visa
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-warning">Processing</span></div>
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck5">
-                                                                <label class="custom-control-label" for="customCheck5">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td><a href="ecommerce-orders-detail.html" class="text-body font-weight-medium">#MN2045</a> </td>
-                                                        <td>Charles Wilson</td>
-                                                        <td>
-                                                            Mar 13 2020 <small class="text-muted">02:22 PM</small>
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-soft-success">Paid</span></div>
-                                                        </td>
-                                                        <td>
-                                                            $123.36
-                                                        </td>
-                                                        <td>
-                                                            Credit Card
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-success">Delivered</span></div>
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck6">
-                                                                <label class="custom-control-label" for="customCheck6">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td><a href="ecommerce-orders-detail.html" class="text-body font-weight-medium">#MN2044</a> </td>
-                                                        <td>Kathryn McCann</td>
-                                                        <td>
-                                                            Mar 12 2020 <small class="text-muted">03:04 PM</small>
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-soft-danger">Payment Failed</span></div>
-                                                        </td>
-                                                        <td>
-                                                            $176.41
-                                                        </td>
-                                                        <td>
-                                                            Mastercard
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-danger">Cancelled</span></div>
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck7">
-                                                                <label class="custom-control-label" for="customCheck7">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td><a href="ecommerce-orders-detail.html" class="text-body font-weight-medium">#MN2043</a> </td>
-                                                        <td>William Eckert</td>
-                                                        <td>
-                                                            Mar 11 2020 <small class="text-muted">10:29 PM</small>
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-soft-success">Paid</span></div>
-                                                        </td>
-                                                        <td>
-                                                            $145.56
-                                                        </td>
-                                                        <td>
-                                                            Mastercard
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-info">Shipped</span></div>
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck8">
-                                                                <label class="custom-control-label" for="customCheck8">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td><a href="ecommerce-orders-detail.html" class="text-body font-weight-medium">#MN2042</a> </td>
-                                                        <td>Julius West</td>
-                                                        <td>
-                                                            Mar 10 2020 <small class="text-muted">09:14 AM</small>
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-soft-warning">Awaiting Authorization</span></div>
-                                                        </td>
-                                                        <td>
-                                                            $113.25
-                                                        </td>
-                                                        <td>
-                                                            Visa
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-success">Delivered</span></div>
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck9">
-                                                                <label class="custom-control-label" for="customCheck9">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td><a href="ecommerce-orders-detail.html" class="text-body font-weight-medium">#MN2041</a> </td>
-                                                        <td>Janice Louie</td>
-                                                        <td>
-                                                            Feb 09 2020 <small class="text-muted">01:25 PM</small>
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-soft-success">Paid</span></div>
-                                                        </td>
-                                                        <td>
-                                                            $132.14
-                                                        </td>
-                                                        <td>
-                                                            Paypal
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-info">Shipped</span></div>
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck10">
-                                                                <label class="custom-control-label" for="customCheck10">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td><a href="ecommerce-orders-detail.html" class="text-body font-weight-medium">#MN2040</a> </td>
-                                                        <td>Marie Harris</td>
-                                                        <td>
-                                                            Feb 08 2020 <small class="text-muted">04:24 PM</small>
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-soft-success">Paid</span></div>
-                                                        </td>
-                                                        <td>
-                                                            $175.25
-                                                        </td>
-                                                        <td>
-                                                            Credit Card
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-warning">Processing</span></div>
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck11">
-                                                                <label class="custom-control-label" for="customCheck11">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td><a href="ecommerce-orders-detail.html" class="text-body font-weight-medium">#MN2039</a> </td>
-                                                        <td>Robin Hill</td>
-                                                        <td>
-                                                            Jan 07 2020 <small class="text-muted">02:24 PM</small>
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-soft-danger">Payment Failed</span></div>
-                                                        </td>
-                                                        <td>
-                                                            $158.48
-                                                        </td>
-                                                        <td>
-                                                            Mastercard
-                                                        </td>
-                                                        <td>
-                                                            <div><span class="badge badge-info">Shipped</span></div>
-                                                        </td>
-                                                        <td>
-                                                            <ul class="list-inline mb-0">
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item">
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
-
-                                        <div class="row mt-4">
-                                            <div class="col-sm-6">
-                                                <div>
-                                                    <h5 class="font-14 text-body">Showing orders 1 to 10 of 112</h5>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-6">
-                                                <div class="float-sm-right">
-                                                    <ul class="pagination pagination-rounded mb-sm-0">
-                                                        <li class="page-item disabled">
-                                                            <a href="#" class="page-link"><i class="mdi mdi-chevron-left"></i></a>
-                                                        </li>
-                                                        <li class="page-item">
-                                                            <a href="#" class="page-link">1</a>
-                                                        </li>
-                                                        <li class="page-item active">
-                                                            <a href="#" class="page-link">2</a>
-                                                        </li>
-                                                        <li class="page-item">
-                                                            <a href="#" class="page-link">3</a>
-                                                        </li>
-                                                        <li class="page-item">
-                                                            <a href="#" class="page-link">4</a>
-                                                        </li>
-                                                        <li class="page-item">
-                                                            <a href="#" class="page-link">5</a>
-                                                        </li>
-                                                        <li class="page-item">
-                                                            <a href="#" class="page-link"><i class="mdi mdi-chevron-right"></i></a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        
-
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ecommerce-product-create.html b/public/modern/ecommerce-product-create.html
deleted file mode 100644
index a86c9e9..0000000
--- a/public/modern/ecommerce-product-create.html
+++ /dev/null
@@ -1,1921 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Create Product | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        
-        <!-- Plugins css-->
-        <link href="../assets/libs/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/summernote/summernote-bs4.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/dropzone/min/dropzone.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Create Product</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">eCommerce</a></li>
-                                            <li class="breadcrumb-item active">Create Product</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->
-                        
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        
-                                        <div id="addproduct-nav-pills-wizard" class="twitter-bs-wizard form-wizard-header">
-                                            <ul class="twitter-bs-wizard-nav mb-2">
-                                                <li class="nav-item">
-                                                    <a href="#general-info" class="nav-link" data-toggle="tab">
-                                                        <span class="number">01</span>
-                                                        <span class="d-none d-sm-inline">General</span>
-                                                    </a>
-                                                </li>
-                                                <li class="nav-item">
-                                                    <a href="#product-img" class="nav-link" data-toggle="tab">
-                                                        <span class="number">02</span>
-                                                        <span class="d-none d-sm-inline">Product Images</span>
-                                                    </a>
-                                                </li>
-                                                
-                                                <li class="nav-item">
-                                                    <a href="#metadata" class="nav-link" data-toggle="tab">
-                                                        <span class="number">03</span>
-                                                        <span class="d-none d-sm-inline">Meta Data</span>
-                                                    </a>
-                                                </li>
-                                            </ul>
-                                            <div class="tab-content twitter-bs-wizard-tab-content">
-                                                <div class="tab-pane" id="general-info">
-                                                    <h4 class="header-title">General Information</h4>
-                                                    <p class="sub-header">Fill all information below</p>
-
-                                                    <div>
-                                                        
-                                                        <div class="row">
-                                                            <div class="col-lg-6">
-                                                                <div class="form-group mb-3">
-                                                                    <label for="product-name">Product Name <span class="text-danger">*</span></label>
-                                                                    <input type="text" id="product-name" class="form-control" placeholder="e.g : Apple iMac">
-                                                                </div>
-                                                            </div>
-                                                            <div class="col-lg-6">
-                                                                <div class="form-group mb-3">
-                                                                    <label for="product-reference">Reference <span class="text-danger">*</span></label>
-                                                                    <input type="text" id="product-reference" class="form-control" placeholder="e.g : Apple iMac">
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="form-group mb-3">
-                                                            <label for="product-description">Product Description <span class="text-danger">*</span></label>
-                                                            <textarea class="form-control" id="product-description" rows="5" placeholder="Please enter description"></textarea>
-                                                        </div>
-                    
-                                                        
-                                                        <div class="row">
-                                                            <div class="col-lg-6">
-                                                                <div class="form-group mb-3">
-                                                                    <label for="product-summary">Product Summary</label>
-                                                                    <textarea class="form-control" id="product-summary" rows="5" placeholder="Please enter summary"></textarea>
-                                                                </div>
-                                                            </div>
-                                                            <div class="col-lg-6">
-                                                                <div class="form-group mb-3">
-                                                                    <label for="product-category">Categories <span class="text-danger">*</span></label>
-                                                                    <select class="form-control select2" id="product-category">
-                                                                        <option>Select</option>
-                                                                        <optgroup label="Shopping">
-                                                                            <option value="SH1">Shopping 1</option>
-                                                                            <option value="SH2">Shopping 2</option>
-                                                                            <option value="SH3">Shopping 3</option>
-                                                                            <option value="SH4">Shopping 4</option>
-                                                                        </optgroup>
-                                                                        <optgroup label="CRM">
-                                                                            <option value="CRM1">Crm 1</option>
-                                                                            <option value="CRM2">Crm 2</option>
-                                                                            <option value="CRM3">Crm 3</option>
-                                                                            <option value="CRM4">Crm 4</option>
-                                                                        </optgroup>
-                                                                        <optgroup label="eCommerce">
-                                                                            <option value="E1">eCommerce 1</option>
-                                                                            <option value="E2">eCommerce 2</option>
-                                                                            <option value="E3">eCommerce 3</option>
-                                                                            <option value="E4">eCommerce 4</option>
-                                                                        </optgroup>
-                            
-                                                                    </select>
-                                                                </div>
-                                                                <div class="form-group mb-3">
-                                                                    <label for="product-price">Price <span class="text-danger">*</span></label>
-                                                                    <input type="text" class="form-control" id="product-price" placeholder="Enter amount">
-                                                                </div>
-                                                            </div>
-                                                        </div>
-
-                                                        <div class="form-group mb-3">
-                                                            <label class="mb-2">Status <span class="text-danger">*</span></label>
-                                                            <br/>
-                                                            <div class="radio form-check-inline">
-                                                                <input type="radio" id="inlineRadio1" value="option1" name="radioInline" checked="">
-                                                                <label for="inlineRadio1"> Online </label>
-                                                            </div>
-                                                            <div class="radio form-check-inline">
-                                                                <input type="radio" id="inlineRadio2" value="option2" name="radioInline">
-                                                                <label for="inlineRadio2"> Offline </label>
-                                                            </div>
-                                                            <div class="radio form-check-inline">
-                                                                <input type="radio" id="inlineRadio3" value="option3" name="radioInline">
-                                                                <label for="inlineRadio3"> Draft </label>
-                                                            </div>
-                                                        </div>
-                    
-                                                        <div class="form-group mb-0">
-                                                            <label>Comment</label>
-                                                            <textarea class="form-control" rows="3" placeholder="Please enter comment"></textarea>
-                                                        </div>
-                                                    </div>
-
-                                                    <ul class="pager wizard mb-0 list-inline text-right mt-3">
-                                                        <li class="next list-inline-item">
-                                                            <button type="button" class="btn btn-success">Add More Info <i class="mdi mdi-arrow-right ml-1"></i></button>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                                <div class="tab-pane" id="product-img">
-                                                    <h4 class="header-title">Product Images</h4>
-                                                    <p class="sub-header">Upload product image</p>
-
-                                                    <form action="/" method="post" class="dropzone" id="myAwesomeDropzone" data-plugin="dropzone" data-previews-container="#file-previews"
-                                                        data-upload-preview-template="#uploadPreviewTemplate">
-                                                        <div class="fallback">
-                                                            <input name="file" type="file" multiple />
-                                                        </div>
-                
-                                                        <div class="dz-message needsclick">
-                                                            <div class="mb-3">
-                                                                <i class="h1 text-muted ri-upload-cloud-2-line"></i>
-                                                            </div>
-                                                            <h3>Drop files here or click to upload.</h3>
-                                                            <span class="text-muted font-13">(This is just a demo dropzone. Selected files are
-                                                                <strong>not</strong> actually uploaded.)</span>
-                                                        </div>
-                                                    </form>
-                
-                                                    <!-- Preview -->
-                                                    <div class="dropzone-previews mt-3" id="file-previews"></div>
-
-                                                    <ul class="pager wizard mb-0 list-inline text-right mt-3">
-                                                        <li class="previous list-inline-item">
-                                                            <button type="button" class="btn btn-secondary"><i class="mdi mdi-arrow-left"></i> Back to General </button>
-                                                        </li>
-                                                        <li class="next list-inline-item">
-                                                            <button type="button" class="btn btn-success">Add Meta Data <i class="mdi mdi-arrow-right ml-1"></i></button>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                                <div class="tab-pane" id="metadata">
-                                                    <h4 class="header-title">Meta Data</h4>
-                                                    <p class="sub-header">Fill all information below</p>
-
-                                                    <form>
-                                                        <div class="form-group mb-3">
-                                                            <label for="product-meta-title">Meta title</label>
-                                                            <input type="text" class="form-control" id="product-meta-title" placeholder="Enter title">
-                                                        </div>
-                    
-                                                        <div class="form-group mb-3">
-                                                            <label for="product-meta-keywords">Meta Keywords</label>
-                                                            <input type="text" class="form-control" id="product-meta-keywords" placeholder="Enter keywords">
-                                                        </div>
-                    
-                                                        <div class="form-group mb-0">
-                                                            <label for="product-meta-description">Meta Description </label>
-                                                            <textarea class="form-control" rows="5" id="product-meta-description" placeholder="Please enter description"></textarea>
-                                                        </div>
-                                                    </form>
-
-                                                    <ul class="pager wizard mb-0 list-inline text-right mt-3">
-                                                        <li class="previous list-inline-item">
-                                                            <button type="button" class="btn btn-secondary"><i class="mdi mdi-arrow-left"></i> Edit Information </button>
-                                                        </li>
-                                                        <li class="list-inline-item">
-                                                            <button type="submit" class="btn btn-success">Publish Product <i class="mdi mdi-arrow-right ml-1"></i></button>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </div>
-                                            
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <!-- file preview template -->
-                        <div class="d-none" id="uploadPreviewTemplate">
-                            <div class="card mt-1 mb-0 shadow-none border">
-                                <div class="p-2">
-                                    <div class="row align-items-center">
-                                        <div class="col-auto">
-                                            <img data-dz-thumbnail src="#" class="avatar-sm rounded bg-light" alt="">
-                                        </div>
-                                        <div class="col pl-0">
-                                            <a href="javascript:void(0);" class="text-muted font-weight-bold" data-dz-name></a>
-                                            <p class="mb-0" data-dz-size></p>
-                                        </div>
-                                        <div class="col-auto">
-                                            <!-- Button -->
-                                            <a href="" class="btn btn-link btn-lg text-muted" data-dz-remove>
-                                                <i class="fe-x"></i>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/twitter-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
-        <!-- Summernote js -->
-        <script src="../assets/libs/summernote/summernote-bs4.min.js"></script>
-        <!-- Select2 js-->
-        <script src="../assets/libs/select2/js/select2.min.js"></script>
-        <!-- Dropzone file uploads-->
-        <script src="../assets/libs/dropzone/min/dropzone.min.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/form-fileuploads.init.js"></script>
-
-        <!-- Init js -->
-        <script src="../assets/js/pages/add-product.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ecommerce-product-detail.html b/public/modern/ecommerce-product-detail.html
deleted file mode 100644
index e1b59ce..0000000
--- a/public/modern/ecommerce-product-detail.html
+++ /dev/null
@@ -1,1940 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-    <head>
-        <meta charset="utf-8" />
-        <title>Product Detail | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- App css -->
-        <link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-        <link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-        <link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-        <link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-        <!-- icons -->
-        <link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Product Detail</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">eCommerce</a></li>
-                                            <li class="breadcrumb-item active">Product Detail</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end page title -->
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <div class="row">
-                                            <div class="col-lg-5">
-                                                <div class="row justify-content-center">
-                                                    <div class="col-xl-8">
-
-                                                        <div id="product-carousel"
-                                                            class="carousel slide product-detail-carousel"
-                                                            data-ride="carousel">
-
-                                                            <div class="carousel-inner">
-                                                                <div class="carousel-item active">
-                                                                    <div>
-                                                                        <img src="../assets/images/products/product-6.png"
-                                                                            alt="product-img" class="img-fluid">
-                                                                    </div>
-                                                                </div>
-                                                                <div class="carousel-item">
-                                                                    <div>
-                                                                        <img src="../assets/images/products/product-8.png"
-                                                                            alt="product-img" class="img-fluid">
-                                                                    </div>
-                                                                </div>
-                                                                <div class="carousel-item">
-                                                                    <div>
-                                                                        <img src="../assets/images/products/product-1.png"
-                                                                            alt="product-img" class="img-fluid">
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                            <ol
-                                                                class="carousel-indicators product-carousel-indicators mt-2">
-                                                                <li data-target="#product-carousel" data-slide-to="0"
-                                                                    class="active">
-                                                                    <img src="../assets/images/products/product-6.png"
-                                                                        alt="product-img" class="img-fluid product-nav-img">
-                                                                </li>
-                                                                <li data-target="#product-carousel" data-slide-to="1">
-                                                                    <img src="../assets/images/products/product-8.png"
-                                                                        alt="product-img" class="img-fluid product-nav-img">
-                                                                </li>
-                                                                <li data-target="#product-carousel" data-slide-to="2">
-                                                                    <img src="../assets/images/products/product-1.png"
-                                                                        alt="product-img" class="img-fluid product-nav-img">
-                                                                </li>
-                                                            </ol>
-                                                        </div>
-                                                    </div>
-
-                                                </div>
-                                            </div>
-
-                                            <div class="col-lg-7">
-                                                <div>
-                                                    <div><a href="#" class="text-primary">T-shirts</a></div>
-                                                    <h4 class="mb-1">Hoodie for men (Blue) 
-                                                        <a href="javascript: void(0);" class="text-muted"><i class="mdi mdi-square-edit-outline ml-2"></i></a>
-                                                    </h4>
-
-                                                    <p class="text-muted mr-3 font-16">
-                                                        <span class="mdi mdi-star text-warning"></span>
-                                                        <span class="mdi mdi-star text-warning"></span>
-                                                        <span class="mdi mdi-star text-warning"></span>
-                                                        <span class="mdi mdi-star text-warning"></span>
-                                                        <span class="mdi mdi-star"></span>
-                                                    </p>
-
-                                                    <div class="mt-3">
-                                                        <h6 class="text-danger text-uppercase">10 % Off</h6>
-                                                        <h4>Price : <span class="text-muted mr-2"><del>$ 50</del></span>
-                                                            <b>$ 45</b></h4>
-                                                    </div>
-                                                    <hr/>
-
-                                                    <div>
-                                                        <p>If several languages coalesce, the grammar of the resulting
-                                                            language is more simple and regular than that of the individual
-                                                            new common simple and regular than existing</p>
-
-                                                        <div class="mt-3">
-                                                            <h5 class="font-size-14">Specification :</h5>
-                                                            <div class="row">
-                                                                <div class="col-md-6">
-                                                                    <ul class="list-unstyled product-desc-list">
-                                                                        <li><i
-                                                                                class="mdi mdi-circle-medium mr-1 align-middle"></i>
-                                                                            Full Sleeve</li>
-                                                                        <li><i
-                                                                                class="mdi mdi-circle-medium mr-1 align-middle"></i>
-                                                                            Cotton</li>
-                                                                        <li><i
-                                                                                class="mdi mdi-circle-medium mr-1 align-middle"></i>
-                                                                            All Sizes available</li>
-                                                                        <li><i
-                                                                                class="mdi mdi-circle-medium mr-1 align-middle"></i>
-                                                                            4 Different Color</li>
-                                                                    </ul>
-                                                                </div>
-                                                                <div class="col-md-6">
-                                                                    <ul class="list-unstyled product-desc-list">
-                                                                        <li><i
-                                                                                class="mdi mdi-circle-medium mr-1 align-middle"></i>
-                                                                            All Sizes available</li>
-                                                                        <li><i
-                                                                                class="mdi mdi-circle-medium mr-1 align-middle"></i>
-                                                                            4 Different Color</li>
-                                                                    </ul>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-
-                                                        <div>
-                                                            <form class="form-inline mb-3">
-                                                                <label class="my-1 mr-2"
-                                                                    for="quantityinput">Quantity</label>
-                                                                <select class="custom-select my-1 mr-sm-3"
-                                                                    id="quantityinput">
-                                                                    <option value="1">1</option>
-                                                                    <option value="2">2</option>
-                                                                    <option value="3">3</option>
-                                                                    <option value="4">4</option>
-                                                                    <option value="5">5</option>
-                                                                    <option value="6">6</option>
-                                                                    <option value="7">7</option>
-                                                                </select>
-
-                                                                <label class="my-1 mr-2" for="sizeinput">Size</label>
-                                                                <select class="custom-select my-1 mr-sm-3" id="sizeinput">
-                                                                    <option selected>Small</option>
-                                                                    <option value="1">Medium</option>
-                                                                    <option value="2">Large</option>
-                                                                    <option value="3">X-large</option>
-                                                                </select>
-                                                            </form>
-
-                                                            <div>
-                                                                <button type="button"
-                                                                    class="btn btn-success waves-effect waves-light">
-                                                                    <span class="btn-label"><i
-                                                                            class="mdi mdi-cart"></i></span>Add to cart
-                                                                </button>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <!-- end row -->
-
-                                        <h5 class="mt-5 mb-3">Available Stocks & Outlets</h5>
-                                        <div class="table-responsive">
-                                            <table class="table table-bordered table-centered mb-0">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th>Outlets</th>
-                                                        <th>Price</th>
-                                                        <th>Stock</th>
-                                                        <th>Revenue</th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>ASOS Ridley Outlet - NYC</td>
-                                                        <td>$139.58</td>
-                                                        <td>
-                                                            <div class="row align-items-center no-gutters">
-                                                                <div class="col-auto">
-                                                                    <span class="mr-2">27%</span>
-                                                                </div>
-                                                                <div class="col">
-                                                                    <div class="progress progress-sm">
-                                                                        <div class="progress-bar bg-danger"
-                                                                            role="progressbar" style="width: 27%"
-                                                                            aria-valuenow="27" aria-valuemin="0"
-                                                                            aria-valuemax="100"></div>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>$1,89,547</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Marco Outlet - SRT</td>
-                                                        <td>$149.99</td>
-                                                        <td>
-                                                            <div class="row align-items-center no-gutters">
-                                                                <div class="col-auto">
-                                                                    <span class="mr-2">71%</span>
-                                                                </div>
-                                                                <div class="col">
-                                                                    <div class="progress progress-sm">
-                                                                        <div class="progress-bar bg-success"
-                                                                            role="progressbar" style="width: 71%"
-                                                                            aria-valuenow="71" aria-valuemin="0"
-                                                                            aria-valuemax="100"></div>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>$87,245</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Chairtest Outlet - HY</td>
-                                                        <td>$135.87</td>
-                                                        <td>
-                                                            <div class="row align-items-center no-gutters">
-                                                                <div class="col-auto">
-                                                                    <span class="mr-2">82%</span>
-                                                                </div>
-                                                                <div class="col">
-                                                                    <div class="progress progress-sm">
-                                                                        <div class="progress-bar bg-success"
-                                                                            role="progressbar" style="width: 82%"
-                                                                            aria-valuenow="82" aria-valuemin="0"
-                                                                            aria-valuemax="100"></div>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>$5,87,478</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Nworld Group - India</td>
-                                                        <td>$159.89</td>
-                                                        <td>
-                                                            <div class="row align-items-center no-gutters">
-                                                                <div class="col-auto">
-                                                                    <span class="mr-2">42%</span>
-                                                                </div>
-                                                                <div class="col">
-                                                                    <div class="progress progress-sm">
-                                                                        <div class="progress-bar bg-warning"
-                                                                            role="progressbar" style="width: 42%"
-                                                                            aria-valuenow="42" aria-valuemin="0"
-                                                                            aria-valuemax="100"></div>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </td>
-                                                        <td>$55,781</td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-
-    </body>
-
-</html>
\ No newline at end of file
diff --git a/public/modern/ecommerce-products-grid.html b/public/modern/ecommerce-products-grid.html
deleted file mode 100644
index a219492..0000000
--- a/public/modern/ecommerce-products-grid.html
+++ /dev/null
@@ -1,2001 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Products Grid | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Products Grid</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">eCommerce</a></li>
-                                            <li class="breadcrumb-item active">Products Grid</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row mb-2">
-                            <div class="col-sm-4">
-                                <a href="ecommerce-product-create.html" class="btn btn-danger mb-2"><i class="mdi mdi-plus-circle mr-1"></i> Add Products</a>
-                            </div>
-                            <div class="col-sm-8">
-                                <div class="float-sm-right">
-                                    <form class="form-inline">
-                                        <div class="form-group mr-2">
-                                            <label for="productssearch-input" class="sr-only">Search</label>
-                                            <input type="search" class="form-control border-light" id="productssearch-input" placeholder="Search...">
-                                        </div>
-                                        <button type="button" class="btn btn-success mb-2 mb-sm-0"><i class="mdi mdi-cog"></i></button>
-                                    </form>
-                                </div>
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        
-                        <div class="row">
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card product-box">
-                                    
-                                    <div class="product-img">
-                                        <div class="p-3">
-                                            <img src="../assets/images/products/product-1.png" alt="product-pic" class="img-fluid" />
-                                        </div>
-                                        <div class="product-action">
-                                            <div class="d-flex">
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-edit-2-fill align-middle"></i> Edit</a>
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-delete-bin-fill align-middle"></i> Delete</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                    <div class="product-info border-top p-3">
-                                        
-                                        <div>
-                                            <h5 class="font-16 mt-0 mb-1"><a href="ecommerce-product-detail.html" class="text-dark">Blue color T-shirt</a> </h5>
-                                            <p class="text-muted">
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                            </p>
-                                            <h4 class="m-0"> <span class="text-muted"> Price :  $ 41</span></h4>
-                                        </div>
-                                            
-                                    </div> <!-- end product info-->
-                                    
-                                </div>
-                            </div>
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card product-box">
-                                    
-                                    <div class="product-img">
-                                        <div class="p-3">
-                                            <img src="../assets/images/products/product-2.png" alt="product-pic" class="img-fluid" />
-                                        </div>
-                                        <div class="product-action">
-                                            <div class="d-flex">
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-edit-2-fill align-middle"></i> Edit</a>
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-delete-bin-fill align-middle"></i> Delete</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                    <div class="product-info border-top p-3">
-                                        
-                                        <div>
-                                            <h5 class="font-16 mt-0 mb-1"><a href="ecommerce-product-detail.html" class="text-dark">Half sleeve maroon T-shirt</a> </h5>
-                                            <p class="text-muted">
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star"></i>
-                                            </p>
-                                            <h4 class="m-0"> <span class="text-muted"> Price :  $ 37</span></h4>
-                                        </div>
-                                            
-                                    </div> <!-- end product info-->
-                                    
-                                </div>
-                            </div>
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card product-box">
-                                    
-                                    <div class="product-img">
-                                        <div class="p-3">
-                                            <img src="../assets/images/products/product-3.png" alt="product-pic" class="img-fluid" />
-                                        </div>
-                                        <div class="product-action">
-                                            <div class="d-flex">
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-edit-2-fill align-middle"></i> Edit</a>
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-delete-bin-fill align-middle"></i> Delete</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                    <div class="product-info border-top p-3">
-                                        
-                                        <div>
-                                            <h5 class="font-16 mt-0 mb-1"><a href="ecommerce-product-detail.html" class="text-dark">Cream color T-shirt</a> </h5>
-                                            <p class="text-muted">
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                            </p>
-                                            <h4 class="m-0"> <span class="text-muted"> Price :  $ 38</span></h4>
-                                        </div>
-                                            
-                                    </div> <!-- end product info-->
-                                    
-                                </div>
-                            </div>
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card product-box">
-                                    
-                                    <div class="product-img">
-                                        <div class="p-3">
-                                            <img src="../assets/images/products/product-4.png" alt="product-pic" class="img-fluid" />
-                                        </div>
-                                        <div class="product-action">
-                                            <div class="d-flex">
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-edit-2-fill align-middle"></i> Edit</a>
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-delete-bin-fill align-middle"></i> Delete</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                    <div class="product-info border-top p-3">
-                                        
-                                        <div>
-                                            <h5 class="font-16 mt-0 mb-1"><a href="ecommerce-product-detail.html" class="text-dark">Blue color T-shirt</a> </h5>
-                                            <p class="text-muted">
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star"></i>
-                                            </p>
-                                            <h4 class="m-0"> <span class="text-muted"> Price :  $ 37</span></h4>
-                                        </div>
-                                            
-                                    </div> <!-- end product info-->
-                                    
-                                </div>
-                            </div>
-
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card product-box">
-                                    
-                                    <div class="product-img">
-                                        <div class="p-3">
-                                            <img src="../assets/images/products/product-5.png" alt="product-pic" class="img-fluid" />
-                                        </div>
-                                        <div class="product-action">
-                                            <div class="d-flex">
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-edit-2-fill align-middle"></i> Edit</a>
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-delete-bin-fill align-middle"></i> Delete</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                    <div class="product-info border-top p-3">
-                                        
-                                        <div>
-                                            <h5 class="font-16 mt-0 mb-1"><a href="ecommerce-product-detail.html" class="text-dark">Half sleeve T-shirt</a> </h5>
-                                            <p class="text-muted">
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star"></i>
-                                            </p>
-                                            <h4 class="m-0"> <span class="text-muted"> Price :  $ 37</span></h4>
-                                        </div>
-                                            
-                                    </div> <!-- end product info-->
-                                    
-                                </div>
-                            </div>
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card product-box">
-                                    
-                                    <div class="product-img">
-                                        <div class="p-3">
-                                            <img src="../assets/images/products/product-6.png" alt="product-pic" class="img-fluid" />
-                                        </div>
-                                        <div class="product-action">
-                                            <div class="d-flex">
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-edit-2-fill align-middle"></i> Edit</a>
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-delete-bin-fill align-middle"></i> Delete</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                    <div class="product-info border-top p-3">
-                                        
-                                        <div>
-                                            <h5 class="font-16 mt-0 mb-1"><a href="ecommerce-product-detail.html" class="text-dark">Blue Hoodie for men</a> </h5>
-                                            <p class="text-muted">
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                            </p>
-                                            <h4 class="m-0"> <span class="text-muted"> Price :  $ 45</span></h4>
-                                        </div>
-                                            
-                                    </div> <!-- end product info-->
-                                    
-                                </div>
-                            </div>
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card product-box">
-                                    
-                                    <div class="product-img">
-                                        <div class="p-3">
-                                            <img src="../assets/images/products/product-7.png" alt="product-pic" class="img-fluid" />
-                                        </div>
-                                        <div class="product-action">
-                                            <div class="d-flex">
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-edit-2-fill align-middle"></i> Edit</a>
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-delete-bin-fill align-middle"></i> Delete</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                    <div class="product-info border-top p-3">
-                                        
-                                        <div>
-                                            <h5 class="font-16 mt-0 mb-1"><a href="ecommerce-product-detail.html" class="text-dark">Vneck green T-shirt</a> </h5>
-                                            <p class="text-muted">
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star"></i>
-                                            </p>
-                                            <h4 class="m-0"> <span class="text-muted"> Price :  $ 38</span></h4>
-                                        </div>
-                                            
-                                    </div> <!-- end product info-->
-                                    
-                                </div>
-                            </div>
-                            <div class="col-md-6 col-xl-3">
-                                <div class="card product-box">
-                                    
-                                    <div class="product-img">
-                                        <div class="p-3">
-                                            <img src="../assets/images/products/product-8.png" alt="product-pic" class="img-fluid" />
-                                        </div>
-                                        <div class="product-action">
-                                            <div class="d-flex">
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-edit-2-fill align-middle"></i> Edit</a>
-                                                <a href="javascript: void(0);" class="btn btn-white btn-block action-btn m-2"><i class="ri-delete-bin-fill align-middle"></i> Delete</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                    <div class="product-info border-top p-3">
-                                        
-                                        <div>
-                                            <h5 class="font-16 mt-0 mb-1"><a href="ecommerce-product-detail.html" class="text-dark">Full sleeve Pink T-shirt</a> </h5>
-                                            <p class="text-muted">
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                                <i class="mdi mdi-star text-warning"></i>
-                                            </p>
-                                            <h4 class="m-0"> <span class="text-muted"> Price :  $ 45</span></h4>
-                                        </div>
-                                            
-                                    </div> <!-- end product info-->
-                                    
-                                </div>
-                            </div>
-
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <ul class="pagination pagination-rounded justify-content-end mb-3">
-                                    <li class="page-item">
-                                        <a class="page-link" href="javascript: void(0);" aria-label="Previous">
-                                            <span aria-hidden="true">«</span>
-                                            <span class="sr-only">Previous</span>
-                                        </a>
-                                    </li>
-                                    <li class="page-item active"><a class="page-link" href="javascript: void(0);">1</a></li>
-                                    <li class="page-item"><a class="page-link" href="javascript: void(0);">2</a></li>
-                                    <li class="page-item"><a class="page-link" href="javascript: void(0);">3</a></li>
-                                    <li class="page-item"><a class="page-link" href="javascript: void(0);">4</a></li>
-                                    <li class="page-item"><a class="page-link" href="javascript: void(0);">5</a></li>
-                                    <li class="page-item">
-                                        <a class="page-link" href="javascript: void(0);" aria-label="Next">
-                                            <span aria-hidden="true">»</span>
-                                            <span class="sr-only">Next</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ecommerce-products.html b/public/modern/ecommerce-products.html
deleted file mode 100644
index 9fc441b..0000000
--- a/public/modern/ecommerce-products.html
+++ /dev/null
@@ -1,2322 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Products List | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- third party css -->
-        <link href="../assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Products List</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">eCommerce</a></li>
-                                            <li class="breadcrumb-item active">Products List</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row mb-2">
-                                            <div class="col-sm-6">
-                                                <a href="ecommerce-product-create.html" class="btn btn-danger mb-2"><i class="mdi mdi-plus-circle mr-1"></i> Add Products</a>
-                                            </div>
-                                            <div class="col-sm-6">
-                                                <div class="float-sm-right">
-                                                    
-                                                    <button type="button" class="btn btn-success mb-2 mb-sm-0"><i class="mdi mdi-cog"></i></button>
-                                                    
-                                                </div>
-                                            </div><!-- end col-->
-                                        </div>
-                                        <!-- end row -->
-                
-                                        <div class="table-responsive">
-                                            <table class="table table-centered w-100 dt-responsive nowrap" id="products-datatable" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th class="all" style="width: 20px;">
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck1">
-                                                                <label class="custom-control-label" for="customCheck1">&nbsp;</label>
-                                                            </div>
-                                                        </th>
-                                                        <th class="all">Product</th>
-                                                        <th>Rating</th>
-                                                        <th>Category</th>
-                                                        <th>Added Date</th>
-                                                        <th>Price</th>
-                                                        <th>Quantity</th>
-                                                        <th>Status</th>
-                                                        <th style="width: 85px;">Action</th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck2">
-                                                                <label class="custom-control-label" for="customCheck2">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-1.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Blue color T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-success"><i class="mdi mdi-star"></i> 4.9</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            09 Mar, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 32
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            112
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck3">
-                                                                <label class="custom-control-label" for="customCheck3">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-2.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Half sleeve maroon T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-warning"><i class="mdi mdi-star"></i> 3.1</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            05 Mar, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 33
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            60
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck4">
-                                                                <label class="custom-control-label" for="customCheck4">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-3.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Cream color T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-success"><i class="mdi mdi-star"></i> 4.3</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            02 Mar, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 33
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            58
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-danger">Deactive</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck5">
-                                                                <label class="custom-control-label" for="customCheck5">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-4.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Blue color T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-success"><i class="mdi mdi-star"></i> 4.9</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            27 Feb, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 34
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            98
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck6">
-                                                                <label class="custom-control-label" for="customCheck6">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-5.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Half sleeve T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-danger"><i class="mdi mdi-star"></i> 2.5</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            23 Feb, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 35
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            85
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-danger">Deactive</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck7">
-                                                                <label class="custom-control-label" for="customCheck7">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-6.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Blue Hoodie for men</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-warning"><i class="mdi mdi-star"></i> 3.4</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            21 Feb, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 36
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            88
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck8">
-                                                                <label class="custom-control-label" for="customCheck8">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-7.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Vneck green T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-success"><i class="mdi mdi-star"></i> 4.5</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            19 Feb, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 37
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            82
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck9">
-                                                                <label class="custom-control-label" for="customCheck9">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-8.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Full sleeve Pink T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-danger"><i class="mdi mdi-star"></i> 2.4</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            15 Feb, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 38
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            54
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck10">
-                                                                <label class="custom-control-label" for="customCheck10">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-1.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Blue color T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-success"><i class="mdi mdi-star"></i> 4.3</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            15 Feb, 2020
-                                                        </td>
-                                                        <td>
-                                                           <div>
-                                                                $ 38
-                                                           </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            60
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck11">
-                                                                <label class="custom-control-label" for="customCheck11">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-2.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Half sleeve maroon T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-success"><i class="mdi mdi-star"></i> 4.0</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            13 Feb, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 45
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            32
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-danger">Deactive</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck12">
-                                                                <label class="custom-control-label" for="customCheck12">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-3.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Cream color T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-success"><i class="mdi mdi-star"></i> 4.2</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            12 Feb, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 46
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            64
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Active</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <div class="custom-control custom-checkbox">
-                                                                <input type="checkbox" class="custom-control-input" id="customCheck13">
-                                                                <label class="custom-control-label" for="customCheck13">&nbsp;</label>
-                                                            </div>
-                                                        </td>
-                                                        <td>
-                                                            <img src="../assets/images/products/product-4.png" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />
-                                                            
-                                                            <h5 class="m-0 d-inline-block align-middle"><a href="#" class="text-dark">Blue color T-shirt</a></h5>
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-success"><i class="mdi mdi-star"></i> 4.0</span>
-                                                        </td>
-                                                        <td>
-                                                            T-shirt
-                                                        </td>
-                                                        <td>
-                                                            08 Feb, 2020
-                                                        </td>
-                                                        <td>
-                                                            <div>
-                                                                $ 47
-                                                            </div>
-                                                        </td>
-                    
-                                                        <td>
-                                                            74
-                                                        </td>
-                                                        <td>
-                                                            <span class="badge badge-soft-danger">Deactive</span>
-                                                        </td>
-                    
-                                                        <td>
-                                                            <ul class="list-inline table-action m-0">
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                </li>
-                                                                <li class="list-inline-item"> 
-                                                                    <a href="javascript:void(0);" class="action-icon"> <i class="mdi mdi-delete"></i></a>
-                                                                </li>
-                                                            </ul>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- third party js -->
-        <script src="../assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
-        <script src="../assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
-        <script src="../assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
-        <script src="../assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
-        <script src="../assets/libs/jquery-datatables-checkboxes/js/dataTables.checkboxes.min.js"></script>
-        <!-- third party js ends -->
-
-        <script src="../assets/js/pages/product-list.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ecommerce-sellers.html b/public/modern/ecommerce-sellers.html
deleted file mode 100644
index bd61f3a..0000000
--- a/public/modern/ecommerce-sellers.html
+++ /dev/null
@@ -1,2042 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Sellers | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Sellers</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">eCommerce</a></li>
-                                            <li class="breadcrumb-item active">Sellers</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        
-                        
-                        <div class="row mb-2">
-                            <div class="col-sm-4">
-                                <a href="javascript:void(0);" class="btn btn-danger mb-2"><i class="mdi mdi-plus-circle mr-1"></i> Add Sellers</a>
-                            </div>
-                            <div class="col-sm-8">
-                                <div class="float-sm-right">
-                                    <form class="form-inline">
-                                        <div class="form-group mr-2">
-                                            <label for="sellersearch-input" class="sr-only">Search</label>
-                                            <input type="search" class="form-control" id="sellersearch-input" placeholder="Search...">
-                                        </div>
-                                        <button type="button" class="btn btn-success mb-2 mb-sm-0"><i class="mdi mdi-cog"></i></button>
-                                    </form>
-                                    
-                                </div>
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded text-body font-20 font-weight-semibold">
-                                                    H
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h5 class="my-1"><a href="javascript:void(0);" class="text-dark">Homovee</a></h5>
-                                                <p class="text-muted mb-0">
-                                                    <i class="mdi mdi-account mr-1"></i> Charles Garcia
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Products</p>
-                                                        <h5 class="mb-sm-0">125</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Wallet Balance</p>
-                                                        <h5 class="mb-sm-0">$126,562</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div class="mt-3 mt-sm-0">
-                                                        <p class="mb-0">Revenue</p>
-                                                        <h5 class="mb-0">$235.16k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="mr-3">
-                                                <img src="../assets/images/users/avatar-3.jpg" alt="user-image" class="rounded avatar-md">
-                                            </div>
-                                            <div class="media-body">
-                                                <h5 class="my-1"><a href="javascript:void(0);" class="text-dark">Execucy</a></h5>
-                                                <p class="text-muted mb-0">
-                                                    <i class="mdi mdi-account mr-1"></i> Nicholas Watkins
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Products</p>
-                                                        <h5 class="mb-sm-0">125</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Wallet Balance</p>
-                                                        <h5 class="mb-sm-0">$84,235</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div class="mt-3 mt-sm-0">
-                                                        <p class="mb-0">Revenue</p>
-                                                        <h5 class="mb-0">$196.08k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded text-body font-20 font-weight-semibold">
-                                                    E
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h5 class="my-1"><a href="javascript:void(0);" class="text-dark">Epiloo</a></h5>
-                                                <p class="text-muted mb-0">
-                                                    <i class="mdi mdi-account mr-1"></i> Jared Carroll
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Products</p>
-                                                        <h5 class="mb-sm-0">96</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Wallet Balance</p>
-                                                        <h5 class="mb-sm-0">$124,250</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div class="mt-3 mt-sm-0">
-                                                        <p class="mb-0">Revenue</p>
-                                                        <h5 class="mb-0">$201.04k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-md mr-3">
-                                                <div class="avatar-title bg-light rounded text-body font-20 font-weight-semibold">
-                                                    U
-                                                </div>
-                                            </div>
-                                            <div class="media-body">
-                                                <h5 class="my-1"><a href="javascript:void(0);" class="text-dark">Uberer</a></h5>
-                                                <p class="text-muted mb-0">
-                                                    <i class="mdi mdi-account mr-1"></i> Gregory Secrest
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Products</p>
-                                                        <h5 class="mb-sm-0">84</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Wallet Balance</p>
-                                                        <h5 class="mb-sm-0">$74,236</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div class="mt-3 mt-sm-0">
-                                                        <p class="mb-0">Revenue</p>
-                                                        <h5 class="mb-0">$175.12k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="mr-3">
-                                                <img src="../assets/images/users/avatar-4.jpg" alt="user-image" class="rounded avatar-md">
-                                            </div>
-                                            <div class="media-body">
-                                                <h5 class="my-1"><a href="javascript:void(0);" class="text-dark">Symic</a></h5>
-                                                <p class="text-muted mb-0">
-                                                    <i class="mdi mdi-account mr-1"></i> Leticia Cane
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Products</p>
-                                                        <h5 class="mb-sm-0">134</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Wallet Balance</p>
-                                                        <h5 class="mb-sm-0">$92,237</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div class="mt-3 mt-sm-0">
-                                                        <p class="mb-0">Revenue</p>
-                                                        <h5 class="mb-0">$172.24k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="mr-3">
-                                                <img src="../assets/images/users/avatar-5.jpg" alt="user-image" class="rounded avatar-md">
-                                            </div>
-                                            <div class="media-body">
-                                                <h5 class="my-1"><a href="javascript:void(0);" class="text-dark">Vicedel</a></h5>
-                                                <p class="text-muted mb-0">
-                                                    <i class="mdi mdi-account mr-1"></i> Tyler Smith
-                                                </p>
-                                            </div>
-                                            <div class="dropdown">
-                                                <a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-vertical font-20"></i>
-                                                </a>
-                                              
-                                                <div class="dropdown-menu dropdown-menu-right">
-                                                  <a class="dropdown-item" href="#">Action</a>
-                                                  <a class="dropdown-item" href="#">Another action</a>
-                                                  <a class="dropdown-item" href="#">Something else here</a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <hr>
-                                        <div class="text-muted">
-                                            <div class="row">
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Products</p>
-                                                        <h5 class="mb-sm-0">56</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div>
-                                                        <p class="mb-0">Wallet Balance</p>
-                                                        <h5 class="mb-sm-0">$57,235</h5>
-                                                    </div>
-                                                </div>
-                                                <div class="col-sm-4 col-6">
-                                                    <div class="mt-3 mt-sm-0">
-                                                        <p class="mb-0">Revenue</p>
-                                                        <h5 class="mb-0">$162.52k</h5>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div>
-                                    <div class="text-center my-3">
-                                        <a href="javascript:void(0);" class="text-danger"><i class="mdi mdi-spin mdi-loading font-20 align-middle mr-2"></i> Load more </a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/email-inbox.html b/public/modern/email-inbox.html
deleted file mode 100644
index 56266dc..0000000
--- a/public/modern/email-inbox.html
+++ /dev/null
@@ -1,2151 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Email Inbox | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Summernote css -->
-        <link href="../assets/libs/summernote/summernote-bs4.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Inbox</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Email</a></li>
-                                            <li class="breadcrumb-item active">Inbox</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-
-                            <!-- Right Sidebar -->
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <!-- Left sidebar -->
-                                        <div class="inbox-leftbar">
-
-                                            <button type="button" class="btn btn-danger btn-block waves-effect waves-light" data-toggle="modal" data-target="#composemodal">
-                                                Compose
-                                            </button>
-                                            <div class="mail-list mt-4">
-                                                <a href="javascript: void(0);" class="text-danger"><i class="ri-inbox-fill align-bottom mr-2"></i>Inbox<span class="badge badge-soft-danger float-right ml-2">7</span></a>
-                                                <a href="javascript: void(0);"><i class="ri-star-line align-bottom mr-2"></i>Starred</a>
-                                                <a href="javascript: void(0);"><i class="ri-time-line align-bottom mr-2"></i>Snoozed</a>
-                                                <a href="javascript: void(0);"><i class="ri-file-list-2-line align-bottom mr-2"></i>Draft<span class="badge badge-soft-info float-right ml-2">32</span></a>
-                                                <a href="javascript: void(0);"><i class="ri-send-plane-2-line align-bottom mr-2"></i>Sent Mail</a>
-                                                <a href="javascript: void(0);"><i class="ri-delete-bin-line align-bottom mr-2"></i>Trash</a>
-                                                <a href="javascript: void(0);"><i class="ri-price-tag-3-line align-bottom mr-2"></i>Important</a>
-                                                <a href="javascript: void(0);"><i class="ri-error-warning-line align-bottom mr-2"></i>Spam</a>
-                                            </div>
-
-                                            <h6 class="mt-4">Labels</h6>
-
-                                            <div class="list-group b-0 mail-list">
-                                                <a href="#" class="list-group-item border-0"><span class="mdi mdi-circle text-info mr-2"></span>Web App</a>
-                                                <a href="#" class="list-group-item border-0"><span class="mdi mdi-circle text-warning mr-2"></span>Recharge</a>
-                                                <a href="#" class="list-group-item border-0"><span class="mdi mdi-circle text-dark mr-2"></span>Wallet Balance</a>
-                                                <a href="#" class="list-group-item border-0"><span class="mdi mdi-circle text-primary mr-2"></span>Friends</a>
-                                                <a href="#" class="list-group-item border-0"><span class="mdi mdi-circle text-success mr-2"></span>Family</a>
-                                            </div>
-
-                                            <!-- Modal -->
-                                            <div class="modal fade" id="composemodal" tabindex="-1" role="dialog" aria-labelledby="composemodalTitle" aria-hidden="true">
-                                                <div class="modal-dialog modal-dialog-centered" role="document">
-                                                    <div class="modal-content">
-                                                        <div class="modal-header">
-                                                            <h5 class="modal-title" id="composemodalTitle">New Message</h5>
-                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                                            <span aria-hidden="true">&times;</span>
-                                                            </button>
-                                                        </div>
-                                                        <div class="modal-body p-3">
-                                                            <form>
-                                                                <div class="form-group">
-                                                                    <label for="messageto-input">To</label>
-                                                                    <input type="email" class="form-control" id="messageto-input" placeholder="example@email.com">
-                                                                </div>
-
-                                                                <div class="form-group">
-                                                                    <label for="subject-input">Subject</label>
-                                                                    <input type="text" class="form-control" id="subject-input" placeholder="your subject">
-                                                                </div>
-
-                                                                <div class="form-group">
-                                                                    <label for="subject-input">Message</label>
-                                                                    <!-- basic summernote-->
-                                                                    <div id="summernote-basic"></div>
-                                                                </div>
-
-                                                            </form>
-                                                        </div>
-                                                        <div class="modal-footer">
-                                                            <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
-                                                            <button type="button" class="btn btn-primary">Send <i class="fab fa-telegram-plane ml-1"></i></button>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-
-                                        </div>
-                                        <!-- End Left sidebar -->
-
-                                        <div class="inbox-rightbar">
-
-                                            <div class="btn-group mr-1">
-                                                <button type="button" class="btn btn-sm btn-light waves-effect"><i class="mdi mdi-archive font-18"></i></button>
-                                                <button type="button" class="btn btn-sm btn-light waves-effect"><i class="mdi mdi-alert-octagon font-18"></i></button>
-                                                <button type="button" class="btn btn-sm btn-light waves-effect"><i class="mdi mdi-delete-variant font-18"></i></button>
-                                            </div>
-                                            <div class="btn-group mr-1">
-                                                <button type="button" class="btn btn-sm btn-light dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="false">
-                                                    <i class="mdi mdi-folder font-18"></i>
-                                                    <i class="mdi mdi-chevron-down"></i>
-                                                </button>
-                                                <div class="dropdown-menu">
-                                                    <span class="dropdown-header">Move to</span>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Social</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Promotions</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Updates</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Forums</a>
-                                                </div>
-                                            </div>
-                                            <div class="btn-group mr-1">
-                                                <button type="button" class="btn btn-sm btn-light dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="false">
-                                                    <i class="mdi mdi-label font-18"></i>
-                                                    <i class="mdi mdi-chevron-down"></i>
-                                                </button>
-                                                <div class="dropdown-menu">
-                                                    <span class="dropdown-header">Label as:</span>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Updates</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Social</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Promotions</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Forums</a>
-                                                </div>
-                                            </div>
-
-                                            <div class="btn-group mr-1">
-                                                <button type="button" class="btn btn-sm btn-light dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-horizontal font-18"></i> More
-                                                    <i class="mdi mdi-chevron-down"></i>
-                                                </button>
-                                                <div class="dropdown-menu">
-                                                    <span class="dropdown-header">More Option :</span>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Mark as Unread</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Add to Tasks</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Add Star</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Mute</a>
-                                                </div>
-                                            </div>
-
-                                            <div class="mt-3">
-                                                <ul class="message-list">
-                                                    <li class="unread">
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk1">
-                                                                <label for="chk1" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star text-warning"></span>
-                                                            <a href="" class="title">Lucas Kriebel (via Twitter)</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Lucas Kriebel (@LucasKriebel) has sent
-                                                                you a direct message on Twitter! &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
-                                                            </a>
-                                                            <div class="date">11:49 am</div>
-                                                        </div>
-                                                    </li>
-
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk3">
-                                                                <label for="chk3" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">Randy, me (5)</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Last pic over my village &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">Yeah i'd like that! Do you remember the video you showed me of your train ride between Colombo and Kandy? The one with the mountain view? I would love to see that one again!</span>
-                                                            </a>
-                                                            <div class="date">5:01 am</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk4">
-                                                                <label for="chk4" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star text-warning"></span>
-                                                            <a href="" class="title">Andrew Zimmer</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Mochila Beta: Subscription Confirmed
-                                                                &nbsp;&ndash;&nbsp; <span class="teaser">You've been confirmed! Welcome to the ruling class of the inbox. For your records, here is a copy of the information you submitted to us...</span>
-                                                            </a>
-                                                            <div class="date">Mar 8</div>
-                                                        </div>
-                                                    </li>
-                                                    <li class="unread">
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk5">
-                                                                <label for="chk5" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">Infinity HR</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Sveriges Hetaste sommarjobb &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">Hej Nicklas Sandell! Vi vill bjuda in dig till "First tour 2014", ett rekryteringsevent som erbjuder jobb på 16 semesterorter iSverige.</span>
-                                                            </a>
-                                                            <div class="date">Mar 8</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk6">
-                                                                <label for="chk6" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">Web Support Dennis</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Re: New mail settings &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">Will you answer him asap?</span>
-                                                            </a>
-                                                            <div class="date">Mar 7</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk7">
-                                                                <label for="chk7" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star text-warning"></span>
-                                                            <a href="" class="title">me, Peter (2)</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Off on Thursday &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">Eff that place, you might as well stay here with us instead! Sent from my iPhone 4 &gt; 4 mar 2014 at 5:55 pm</span>
-                                                            </a>
-                                                            <div class="date">Mar 4</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk8">
-                                                                <label for="chk8" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">Medium</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">This Week's Top Stories &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">Our top pick for you on Medium this week The Man Who Destroyed America’s Ego</span>
-                                                            </a>
-                                                            <div class="date">Feb 28</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk9">
-                                                                <label for="chk9" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star text-warning"></span>
-                                                            <a href="" class="title">Death to Stock</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Montly High-Res Photos &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">To create this month's pack, we hosted a party with local musician Jared Mahone here in Columbus, Ohio.</span>
-                                                            </a>
-                                                            <div class="date">Feb 28</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk10">
-                                                                <label for="chk10" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">Revibe</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Weekend on Revibe &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">Today's Friday and we thought maybe you want some music inspiration for the weekend. Here are some trending tracks and playlists we think you should give a listen!</span>
-                                                            </a>
-                                                            <div class="date">Feb 27</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk11">
-                                                                <label for="chk11" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">Erik, me (5)</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Regarding our meeting &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">That's great, see you on Thursday!</span>
-                                                            </a>
-                                                            <div class="date">Feb 24</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk12">
-                                                                <label for="chk12" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star text-warning"></span>
-                                                            <a href="" class="title">KanbanFlow</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Task assigned: Clone ARP's website
-                                                                &nbsp;&ndash;&nbsp; <span class="teaser">You have been assigned a task by Alex@Work on the board Web.</span>
-                                                            </a>
-                                                            <div class="date">Feb 24</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk13">
-                                                                <label for="chk13" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">Tobias Berggren</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Let's go fishing! &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">Hey, You wanna join me and Fred at the lake tomorrow? It'll be awesome.</span>
-                                                            </a>
-                                                            <div class="date">Feb 23</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk14">
-                                                                <label for="chk14" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star text-warning"></span>
-                                                            <a href="" class="title">Charukaw, me (7)</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Hey man &nbsp;&ndash;&nbsp; <span
-                                                                    class="teaser">Nah man sorry i don't. Should i get it?</span>
-                                                            </a>
-                                                            <div class="date">Feb 23</div>
-                                                        </div>
-                                                    </li>
-                                                    <li class="unread">
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk15">
-                                                                <label for="chk15" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star text-warning"></span>
-                                                            <a href="" class="title">me, Peter (5)</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Home again! &nbsp;&ndash;&nbsp; <span
-                                                                    class="teaser">That's just perfect! See you tomorrow.</span>
-                                                            </a>
-                                                            <div class="date">Feb 21</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk16">
-                                                                <label for="chk16" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">Stack Exchange</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">1 new items in your Stackexchange inbox
-                                                                &nbsp;&ndash;&nbsp; <span class="teaser">The following items were added to your Stack Exchange global inbox since you last checked it.</span>
-                                                            </a>
-                                                            <div class="date">Feb 21</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk17">
-                                                                <label for="chk17" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star text-warning"></span>
-                                                            <a href="" class="title">Google Drive Team</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">You can now use your storage in Google
-                                                                Drive &nbsp;&ndash;&nbsp; <span class="teaser">Hey Nicklas Sandell! Thank you for purchasing extra storage space in Google Drive.</span>
-                                                            </a>
-                                                            <div class="date">Feb 20</div>
-                                                        </div>
-                                                    </li>
-                                                    <li class="unread">
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk18">
-                                                                <label for="chk18" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">me, Susanna (11)</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Train/Bus &nbsp;&ndash;&nbsp; <span
-                                                                    class="teaser">Yes ok, great! I'm not stuck in Stockholm anymore, we're making progress.</span>
-                                                            </a>
-                                                            <div class="date">Feb 19</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk19">
-                                                                <label for="chk19" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">Peter, me (3)</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Hello &nbsp;&ndash;&nbsp; <span
-                                                                    class="teaser">Trip home from Colombo has been arranged, then Jenna will come get me from Stockholm. :)</span>
-                                                            </a>
-                                                            <div class="date">Mar. 6</div>
-                                                        </div>
-                                                    </li>
-                                                    <li>
-                                                        <div class="col-mail col-mail-1">
-                                                            <div class="checkbox-wrapper-mail">
-                                                                <input type="checkbox" id="chk20">
-                                                                <label for="chk20" class="toggle"></label>
-                                                            </div>
-                                                            <span class="star-toggle far fa-star"></span>
-                                                            <a href="" class="title">me, Susanna (7)</a>
-                                                        </div>
-                                                        <div class="col-mail col-mail-2">
-                                                            <a href="" class="subject">Since you asked... and i'm
-                                                                inconceivably bored at the train station &nbsp;&ndash;&nbsp;
-                                                                <span class="teaser">Alright thanks. I'll have to re-book that somehow, i'll get back to you.</span>
-                                                            </a>
-                                                            <div class="date">Mar. 6</div>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                            <!-- end .mt-4 -->
-
-                                            <div class="row">
-                                                <div class="col-7 mt-1">
-                                                    Showing 1 - 20 of 289
-                                                </div> <!-- end col-->
-                                                <div class="col-5">
-                                                    <div class="btn-group float-right">
-                                                        <button type="button" class="btn btn-light btn-sm"><i class="mdi mdi-chevron-left"></i></button>
-                                                        <button type="button" class="btn btn-info btn-sm"><i class="mdi mdi-chevron-right"></i></button>
-                                                    </div>
-                                                </div> <!-- end col-->
-                                            </div>
-                                            <!-- end row-->
-                                        </div> 
-                                        <!-- end inbox-rightbar-->
-
-                                        <div class="clearfix"></div>
-                                    </div>
-                                </div> <!-- end card-box -->
-
-                            </div> <!-- end Col -->
-                        </div><!-- End row -->
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Summernote js -->
-        <script src="../assets/libs/summernote/summernote-bs4.min.js"></script>
-
-        <!-- Inbox init -->
-        <script src="../assets/js/pages/inbox.js"></script>
-        
-        <script src="../assets/js/pages/email.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/email-read.html b/public/modern/email-read.html
deleted file mode 100644
index 3cf1aff..0000000
--- a/public/modern/email-read.html
+++ /dev/null
@@ -1,1942 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Email Read | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-        
-        <!-- Summernote css -->
-        <link href="../assets/libs/summernote/summernote-bs4.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Email Read</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Email</a></li>
-                                            <li class="breadcrumb-item active">Email Read</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-
-                            <!-- Right Sidebar -->
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <!-- Left sidebar -->
-                                        <div class="inbox-leftbar">
-
-                                            <button type="button" class="btn btn-danger btn-block waves-effect waves-light" data-toggle="modal" data-target="#composemodal">
-                                                Compose
-                                            </button>
-                                            <div class="mail-list mt-4">
-                                                <a href="javascript: void(0);" class="text-danger"><i class="ri-inbox-fill align-bottom mr-2"></i>Inbox<span class="badge badge-soft-danger float-right ml-2">7</span></a>
-                                                <a href="javascript: void(0);"><i class="ri-star-line align-bottom mr-2"></i>Starred</a>
-                                                <a href="javascript: void(0);"><i class="ri-time-line align-bottom mr-2"></i>Snoozed</a>
-                                                <a href="javascript: void(0);"><i class="ri-file-list-2-line align-bottom mr-2"></i>Draft<span class="badge badge-soft-info float-right ml-2">32</span></a>
-                                                <a href="javascript: void(0);"><i class="ri-send-plane-2-line align-bottom mr-2"></i>Sent Mail</a>
-                                                <a href="javascript: void(0);"><i class="ri-delete-bin-line align-bottom mr-2"></i>Trash</a>
-                                                <a href="javascript: void(0);"><i class="ri-price-tag-3-line align-bottom mr-2"></i>Important</a>
-                                                <a href="javascript: void(0);"><i class="ri-error-warning-line align-bottom mr-2"></i>Spam</a>
-                                            </div>
-
-                                            <h6 class="mt-4">Labels</h6>
-
-                                            <div class="list-group b-0 mail-list">
-                                                <a href="#" class="list-group-item border-0"><span class="mdi mdi-circle text-info mr-2"></span>Web App</a>
-                                                <a href="#" class="list-group-item border-0"><span class="mdi mdi-circle text-warning mr-2"></span>Recharge</a>
-                                                <a href="#" class="list-group-item border-0"><span class="mdi mdi-circle text-dark mr-2"></span>Wallet Balance</a>
-                                                <a href="#" class="list-group-item border-0"><span class="mdi mdi-circle text-primary mr-2"></span>Friends</a>
-                                                <a href="#" class="list-group-item border-0"><span class="mdi mdi-circle text-success mr-2"></span>Family</a>
-                                            </div>
-
-                                            <!-- Modal -->
-                                            <div class="modal fade" id="composemodal" tabindex="-1" role="dialog" aria-labelledby="composemodalTitle" aria-hidden="true">
-                                                <div class="modal-dialog modal-dialog-centered" role="document">
-                                                    <div class="modal-content">
-                                                        <div class="modal-header">
-                                                            <h5 class="modal-title" id="composemodalTitle">New Message</h5>
-                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                                            <span aria-hidden="true">&times;</span>
-                                                            </button>
-                                                        </div>
-                                                        <div class="modal-body p-3">
-                                                            <form>
-                                                                <div class="form-group">
-                                                                    <label for="messageto-input">To</label>
-                                                                    <input type="email" class="form-control" id="messageto-input" placeholder="example@email.com">
-                                                                </div>
-
-                                                                <div class="form-group">
-                                                                    <label for="subject-input">Subject</label>
-                                                                    <input type="text" class="form-control" id="subject-input" placeholder="your subject">
-                                                                </div>
-
-                                                                <div class="form-group">
-                                                                    <label for="subject-input">Message</label>
-                                                                    <!-- basic summernote-->
-                                                                    <div id="summernote-basic"></div>
-                                                                </div>
-
-                                                            </form>
-                                                        </div>
-                                                        <div class="modal-footer">
-                                                            <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
-                                                            <button type="button" class="btn btn-primary">Send <i class="fab fa-telegram-plane ml-1"></i></button>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-
-                                        </div>
-                                        <!-- End Left sidebar -->
-
-                                        <div class="inbox-rightbar">
-
-                                            <div class="btn-group mr-1">
-                                                <button type="button" class="btn btn-sm btn-light waves-effect"><i class="mdi mdi-archive font-18"></i></button>
-                                                <button type="button" class="btn btn-sm btn-light waves-effect"><i class="mdi mdi-alert-octagon font-18"></i></button>
-                                                <button type="button" class="btn btn-sm btn-light waves-effect"><i class="mdi mdi-delete-variant font-18"></i></button>
-                                            </div>
-                                            <div class="btn-group mr-1">
-                                                <button type="button" class="btn btn-sm btn-light dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="false">
-                                                    <i class="mdi mdi-folder font-18"></i>
-                                                    <i class="mdi mdi-chevron-down"></i>
-                                                </button>
-                                                <div class="dropdown-menu">
-                                                    <span class="dropdown-header">Move to</span>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Social</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Promotions</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Updates</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Forums</a>
-                                                </div>
-                                            </div>
-                                            <div class="btn-group mr-1">
-                                                <button type="button" class="btn btn-sm btn-light dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="false">
-                                                    <i class="mdi mdi-label font-18"></i>
-                                                    <i class="mdi mdi-chevron-down"></i>
-                                                </button>
-                                                <div class="dropdown-menu">
-                                                    <span class="dropdown-header">Label as:</span>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Updates</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Social</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Promotions</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Forums</a>
-                                                </div>
-                                            </div>
-
-                                            <div class="btn-group mr-1">
-                                                <button type="button" class="btn btn-sm btn-light dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="false">
-                                                    <i class="mdi mdi-dots-horizontal font-18"></i> More
-                                                    <i class="mdi mdi-chevron-down"></i>
-                                                </button>
-                                                <div class="dropdown-menu">
-                                                    <span class="dropdown-header">More Option :</span>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Mark as Unread</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Add to Tasks</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Add Star</a>
-                                                    <a class="dropdown-item" href="javascript: void(0);">Mute</a>
-                                                </div>
-                                            </div>
-
-                                            <div class="mt-4">
-                                                <h5 class="font-18">Your elite author Graphic Optimization reward is ready!</h5>
-    
-                                                <hr/>
-    
-                                                <div class="media mb-3 mt-1">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <small class="float-right">Dec 14, 2017, 5:17 AM</small>
-                                                        <h6 class="m-0 font-14">Steven Smith</h6>
-                                                        <small class="text-muted">From: jonathan@domain.com</small>
-                                                    </div>
-                                                </div>
-    
-                                                <p>Hi Coderthemes!</p>
-                                                <p>Clicking ‘Order Service’ on the right-hand side of the above page will present you with an order page. This service has the following Briefing Guidelines that will need to be filled before placing your order:</p>
-                                                <ol>
-                                                    <li>Your design preferences (Color, style, shapes, Fonts, others) </li>
-                                                    <li>Tell me, why is your item different? </li>
-                                                    <li>Do you want to bring up a specific feature of your item? If yes, please tell me </li>
-                                                    <li>Do you have any preference or specific thing you would like to change or improve on your item page? </li>
-                                                    <li>Do you want to include your item's or your provider's logo on the page? if yes, please send it to me in vector format (Ai or EPS) </li>
-                                                    <li>Please provide me with the copy or text to display</li>
-                                                </ol>
-    
-                                                <p>Filling in this form with the above information will ensure that they will be able to start work quickly.</p>
-                                                <p>You can complete your order by putting your coupon code into the Promotional code box and clicking ‘Apply Coupon’.</p>
-                                                <p><b>Best,</b> <br/> Graphic Studio</p>
-                                                <hr/>
-    
-                                                <h5 class="mb-3">Attachments</h5>
-    
-                                                <div class="row">
-                                                    <div class="col-xl-4">
-                                                        <div class="card mb-1 shadow-none border">
-                                                            <div class="p-2">
-                                                                <div class="row align-items-center">
-                                                                    <div class="col-auto">
-                                                                        <div class="avatar-sm">
-                                                                            <span class="avatar-title bg-soft-primary text-primary rounded">
-                                                                                .ZIP
-                                                                            </span>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="col pl-0">
-                                                                        <a href="javascript:void(0);" class="text-muted font-weight-semibold">Minton-admin-design.zip</a>
-                                                                        <p class="mb-0">2.3 MB</p>
-                                                                    </div>
-                                                                    <div class="col-auto">
-                                                                        <!-- Button -->
-                                                                        <a href="javascript:void(0);" class="btn btn-link btn-lg text-muted">
-                                                                            <i class="ri-download-2-line"></i>
-                                                                        </a>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div> <!-- end col -->
-                                                    <div class="col-xl-4">
-                                                        <div class="card mb-1 shadow-none border">
-                                                            <div class="p-2">
-                                                                <div class="row align-items-center">
-                                                                    <div class="col-auto">
-                                                                        <div class="avatar-sm">
-                                                                            <span class="avatar-title bg-soft-success text-success rounded">
-                                                                                .JPG
-                                                                            </span>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="col pl-0">
-                                                                        <a href="javascript:void(0);" class="text-muted font-weight-semibold">Dashboard-design.jpg</a>
-                                                                        <p class="mb-0">3.25 MB</p>
-                                                                    </div>
-                                                                    <div class="col-auto">
-                                                                        <!-- Button -->
-                                                                        <a href="javascript:void(0);" class="btn btn-link btn-lg text-muted">
-                                                                            <i class="ri-download-2-line"></i>
-                                                                        </a>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div> <!-- end col -->
-                                                    <div class="col-xl-4">
-                                                        <div class="card mb-0 shadow-none border">
-                                                            <div class="p-2">
-                                                                <div class="row align-items-center">
-                                                                    <div class="col-auto">
-                                                                        <div class="avatar-sm">
-                                                                            <span class="avatar-title bg-secondary rounded">
-                                                                                .MP4
-                                                                            </span>
-                                                                        </div>
-                                                                    </div>
-                                                                    <div class="col pl-0">
-                                                                        <a href="javascript:void(0);" class="text-muted font-weight-semibold">Admin-bug-report.mp4</a>
-                                                                        <p class="mb-0">7.05 MB</p>
-                                                                    </div>
-                                                                    <div class="col-auto">
-                                                                        <!-- Button -->
-                                                                        <a href="javascript:void(0);" class="btn btn-link btn-lg text-muted">
-                                                                            <i class="ri-download-2-line"></i>
-                                                                        </a>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div> <!-- end col -->
-                                                </div>
-                                                <!-- end row-->
-                                                
-                                                <div class="mt-5">
-                                                    <a href="" class="btn btn-secondary mr-2"><i class="mdi mdi-reply mr-1"></i> Reply</a>
-                                                    <a href="" class="btn btn-light">Forward <i class="mdi mdi-forward ml-1"></i></a>
-                                                </div>
-     
-                                            </div>
-                                            <!-- end .mt-4 -->
-                                        </div> 
-                                        <!-- end inbox-rightbar-->
-
-                                        <div class="clearfix"></div>
-                                    </div>
-                                </div> <!-- end card-box -->
-
-                            </div> <!-- end Col -->
-                        </div><!-- End row -->
-
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Summernote js -->
-        <script src="../assets/libs/summernote/summernote-bs4.min.js"></script>
-        
-        <script src="../assets/js/pages/email.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/email-templates-action.html b/public/modern/email-templates-action.html
deleted file mode 100644
index 66c8593..0000000
--- a/public/modern/email-templates-action.html
+++ /dev/null
@@ -1,100 +0,0 @@
-
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml"
-style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-<head>
-<meta name="viewport" content="width=device-width"/>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-<title>Minton - Responsive Bootstrap 4 Admin Dashboard</title>
-
-</head>
-
-<body style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;"
-bgcolor="#f6f6f6">
-
-<table class="body-wrap"
-style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;"
-bgcolor="#f6f6f6">
-<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
-    valign="top"></td>
-<td class="container" width="600"
-    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;"
-    valign="top">
-    <div class="content"
-         style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
-        <table class="main" width="100%" cellpadding="0" cellspacing="0" itemprop="action" itemscope
-               itemtype="http://schema.org/ConfirmAction"
-               style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; margin: 0; border: none;"
-               >
-            <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                <td class="content-wrap"
-                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;padding: 30px;border: 3px solid #3bafda;border-radius: 7px; background-color: #fff;"
-                    valign="top">
-                    <meta itemprop="name" content="Confirm Email"
-                          style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"/>
-                    <table width="100%" cellpadding="0" cellspacing="0"
-                           style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                        <tr>
-                            <td style="text-align: center">
-                                <a href="#" style="display: block;margin-bottom: 10px;"> <img src="assets/images/logo-dark.png" height="24" alt="logo"/></a> <br/>
-                            </td>
-                        </tr>
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
-                                valign="top">
-                                Please confirm your email address by clicking the link below.
-                            </td>
-                        </tr>
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
-                                valign="top">
-                                We may need to send you critical information about our service and it is
-                                important that we have an accurate email address.
-                            </td>
-                        </tr>
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block" itemprop="handler" itemscope
-                                itemtype="http://schema.org/HttpActionHandler"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
-                                valign="top">
-                                <a href="#" class="btn-primary" itemprop="url"
-                                   style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; color: #FFF; text-decoration: none; line-height: 2em; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; border-radius: 5px; text-transform: capitalize; background-color: #f1556c; margin: 0; border-color: #f1556c; border-style: solid; border-width: 8px 16px;">Confirm
-                                    email address</a>
-                            </td>
-                        </tr>
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
-                                valign="top">
-                                &mdash; <b>Minton</b> - Admin Dashboard
-                            </td>
-                        </tr>
-                    </table>
-                </td>
-            </tr>
-        </table>
-        <div class="footer"
-             style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">
-            <table width="100%"
-                   style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                    <td class="aligncenter content-block"
-                        style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;"
-                        align="center" valign="top"><a href="#"
-                                                       style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">Unsubscribe</a>
-                    </td>
-                </tr>
-            </table>
-        </div>
-    </div>
-</td>
-<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
-    valign="top"></td>
-</tr>
-</table>
-</body>
-</html>
diff --git a/public/modern/email-templates-alert.html b/public/modern/email-templates-alert.html
deleted file mode 100644
index 05a74d1..0000000
--- a/public/modern/email-templates-alert.html
+++ /dev/null
@@ -1,102 +0,0 @@
-
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml"
-style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-<head>
-<meta name="viewport" content="width=device-width"/>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-<title>Minton - Responsive Bootstrap 4 Admin Dashboard</title>
-</head>
-
-<body itemscope itemtype="http://schema.org/EmailMessage"
-style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;"
-bgcolor="#f6f6f6">
-
-<table class="body-wrap"
-style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;"
-bgcolor="#f6f6f6">
-<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
-    valign="top"></td>
-<td class="container" width="600"
-    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;"
-    valign="top">
-    <div class="content"
-         style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
-        <table class="main" width="100%" cellpadding="0" cellspacing="0"
-               style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;"
-               bgcolor="#fff">
-            <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                <td class=""
-                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; color: #fff; font-weight: 500; text-align: center; border-radius: 3px 3px 0 0; background-color: #38414a; margin: 0; padding: 20px;"
-                    align="center" bgcolor="#71b6f9" valign="top">
-                    <a href="#"> <img src="assets/images/logo-light.png" height="20" alt="logo"/></a> <br/>
-                    <span style="margin-top: 10px;display: block;">Warning: You're approaching your limit. Please upgrade.</span>
-                </td>
-            </tr>
-            <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                <td class="content-wrap"
-                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;"
-                    valign="top">
-                    <table width="100%" cellpadding="0" cellspacing="0"
-                           style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
-                                valign="top">
-                                You have <strong
-                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">1
-                                free report</strong> remaining.
-                            </td>
-                        </tr>
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
-                                valign="top">
-                                Add your credit card now to upgrade your account to a premium plan to ensure you
-                                don't miss out on any reports.
-                            </td>
-                        </tr>
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
-                                valign="top">
-                                <a href="#" class="btn-primary"
-                                   style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; color: #FFF; text-decoration: none; line-height: 2em; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; border-radius: 5px; text-transform: capitalize; background-color: #f1556c; margin: 0; border-color: #f1556c; border-style: solid; border-width: 8px 16px;">Upgrade
-                                    my account</a>
-                            </td>
-                        </tr>
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
-                                valign="top">
-                                Thanks for choosing <b>Minton</b> Admin.
-                            </td>
-                        </tr>
-                    </table>
-                </td>
-            </tr>
-        </table>
-        <div class="footer"
-             style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">
-            <table width="100%"
-                   style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                    <td class="aligncenter content-block"
-                        style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;"
-                        align="center" valign="top"><a href="#"
-                                                       style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">Unsubscribe</a>
-                        from these alerts.
-                    </td>
-                </tr>
-            </table>
-        </div>
-    </div>
-</td>
-<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
-    valign="top"></td>
-</tr>
-</table>
-</body>
-</html>
diff --git a/public/modern/email-templates-billing.html b/public/modern/email-templates-billing.html
deleted file mode 100644
index 5afa0c9..0000000
--- a/public/modern/email-templates-billing.html
+++ /dev/null
@@ -1,152 +0,0 @@
-
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml"
-style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-<head>
-<meta name="viewport" content="width=device-width"/>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-<title>Minton - Responsive Bootstrap 4 Admin Dashboard</title>
-
-</head>
-
-<body itemscope itemtype="http://schema.org/EmailMessage"
-style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;"
-bgcolor="#f6f6f6">
-
-<table class="body-wrap"
-style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;"
-bgcolor="#f6f6f6">
-<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
-    valign="top"></td>
-<td class="container" width="600"
-    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;"
-    valign="top">
-    <div class="content"
-         style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
-        <table class="main" width="100%" cellpadding="0" cellspacing="0"
-               style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px;  margin: 0; border: none;"
-               >
-            <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                <td class="content-wrap aligncenter"
-                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;padding: 20px;border: 3px solid #3bafda;border-radius: 7px; background-color: #fff;"
-                    align="center" valign="top">
-                    <table width="100%" cellpadding="0" cellspacing="0"
-                           style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;"
-                                valign="top">
-                                <h2 class="aligncenter"
-                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif; box-sizing: border-box; font-size: 24px; color: #000; line-height: 1.2em; font-weight: 400; text-align: center; margin: 40px 0 0;"
-                                    align="center">
-                                    <a href="#" style="display: block;margin-bottom: 10px;"> <img src="assets/images/logo-dark.png" height="24" alt="logo"/></a> <br/>
-                                    Thanks for using Minton</h2>
-                            </td>
-                        </tr>
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block aligncenter"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; text-align: center; margin: 0; padding: 0 0 20px;"
-                                align="center" valign="top">
-                                <table class="invoice"
-                                       style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; text-align: left; width: 80%; margin: 40px auto;">
-                                    <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                                        <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 5px 0;"
-                                            valign="top"><b>Coderthemes</b><br
-                                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"/>Invoice
-                                            #12345<br
-                                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"/>January
-                                            01 2018
-                                        </td>
-                                    </tr>
-                                    <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                                        <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 5px 0;"
-                                            valign="top">
-                                            <table class="invoice-items" cellpadding="0" cellspacing="0"
-                                                   style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; margin: 0;">
-                                                <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                                                    <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; border-top-width: 1px; border-top-color: #eee; border-top-style: solid; margin: 0; padding: 5px 0;"
-                                                        valign="top">Regular Licence
-                                                    </td>
-                                                    <td class="alignright"
-                                                        style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; text-align: right; border-top-width: 1px; border-top-color: #eee; border-top-style: solid; margin: 0; padding: 5px 0;"
-                                                        align="right" valign="top">$ 12.00
-                                                    </td>
-                                                </tr>
-                                                <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                                                    <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; border-top-width: 1px; border-top-color: #eee; border-top-style: solid; margin: 0; padding: 5px 0;"
-                                                        valign="top">6 months Support
-                                                    </td>
-                                                    <td class="alignright"
-                                                        style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; text-align: right; border-top-width: 1px; border-top-color: #eee; border-top-style: solid; margin: 0; padding: 5px 0;"
-                                                        align="right" valign="top">$ 7.20
-                                                    </td>
-                                                </tr>
-                                                <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                                                    <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; border-top-width: 1px; border-top-color: #eee; border-top-style: solid; margin: 0; padding: 5px 0;"
-                                                        valign="top">6 months Extended Support
-                                                    </td>
-                                                    <td class="alignright"
-                                                        style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; text-align: right; border-top-width: 1px; border-top-color: #eee; border-top-style: solid; margin: 0; padding: 5px 0;"
-                                                        align="right" valign="top">$ 7.20
-                                                    </td>
-                                                </tr>
-                                                <tr class="total"
-                                                    style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                                                    <td class="alignright" width="80%"
-                                                        style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; text-align: right; border-top-width: 2px; border-top-color: #333; border-top-style: solid; border-bottom-color: #333; border-bottom-width: 2px; border-bottom-style: solid; font-weight: 700; margin: 0; padding: 5px 0;"
-                                                        align="right" valign="top">Total
-                                                    </td>
-                                                    <td class="alignright"
-                                                        style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; text-align: right; border-top-width: 2px; border-top-color: #333; border-top-style: solid; border-bottom-color: #333; border-bottom-width: 2px; border-bottom-style: solid; font-weight: 700; margin: 0; padding: 5px 0;"
-                                                        align="right" valign="top">$ 26.40
-                                                    </td>
-                                                </tr>
-                                            </table>
-                                        </td>
-                                    </tr>
-                                </table>
-                            </td>
-                        </tr>
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block aligncenter"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; text-align: center; margin: 0; padding: 0 0 20px;"
-                                align="center" valign="top">
-                                <a href="#"
-                                   style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; color: #02c0ce; text-decoration: underline; margin: 0;">View
-                                    in browser</a>
-                            </td>
-                        </tr>
-                        <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                            <td class="content-block aligncenter"
-                                style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; text-align: center; margin: 0; padding: 0 0 20px;"
-                                align="center" valign="top">
-                                Coderthemes Inc. 123 my street, And my Country
-                            </td>
-                        </tr>
-                    </table>
-                </td>
-            </tr>
-        </table>
-        <div class="footer"
-             style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">
-            <table width="100%"
-                   style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
-                    <td class="aligncenter content-block"
-                        style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;"
-                        align="center" valign="top">Questions? Email <a href="mailto:"
-                                                                        style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">coderthemes@gmail.com</a>
-                    </td>
-                </tr>
-            </table>
-        </div>
-    </div>
-</td>
-<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
-    valign="top"></td>
-</tr>
-</table>
-</body>
-</html>
diff --git a/public/modern/email-templates.html b/public/modern/email-templates.html
deleted file mode 100644
index 8e7c784..0000000
--- a/public/modern/email-templates.html
+++ /dev/null
@@ -1,1707 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Email Templates | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Email Templates</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Email</a></li>
-                                            <li class="breadcrumb-item active">Email Templates</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-md-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h4 class="header-title mb-3">Basic action email</h4>
-                                                <a href="email-templates-action.html" target="_blank"> <img src="../assets/images/email/1.png" class="img-fluid" alt=""> </a>
-                                            </div>
-                                            <div class="col-md-4">
-                                                <h4 class="header-title my-3 mt-md-0">Email alert</h4>
-                                                <a href="email-templates-alert.html" target="_blank"> <img src="../assets/images/email/2.png" class="img-fluid" alt=""> </a>
-                                            </div>
-                                            <div class="col-md-4">
-                                                <h4 class="header-title my-3 mt-md-0">Billing email</h4>
-                                                <a href="email-templates-billing.html" target="_blank"> <img src="../assets/images/email/3.png" class="img-fluid" alt=""> </a>
-                                            </div>
-                                        </div> <!-- end row-->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>    
-                        <!-- end row-->
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/extended-nestable.html b/public/modern/extended-nestable.html
deleted file mode 100644
index cb060b8..0000000
--- a/public/modern/extended-nestable.html
+++ /dev/null
@@ -1,1903 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Nestable List | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- nestable css -->
-        <link href="../assets/libs/nestable2/jquery.nestable.min.css" rel="stylesheet" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Nestable List</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extended UI</a></li>
-                                            <li class="breadcrumb-item active">Nestable List</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="text-left" id="nestable_list_menu">
-                                    <button type="button" class="btn btn-purple btn-sm waves-effect mr-1 mb-3 waves-light" data-action="expand-all"><i class="mdi mdi-arrow-expand-all mr-1"></i>Expand All</button>
-                                    <button type="button" class="btn btn-pink btn-sm waves-effect mb-3 waves-light" data-action="collapse-all"><i class="mdi mdi-arrow-collapse-all mr-1"></i>Collapse All</button>
-                                </div>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- End row -->
-
-                        <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div>
-                                                    <h4 class="header-title">Nestable Lists 1</h4>
-                                                    <p class="sub-header">
-                                                        Drag & drop hierarchical list with mouse and touch compatibility (jQuery plugin).
-                                                    </p>
-        
-                                                    <div class="custom-dd dd" id="nestable_list_1">
-                                                        <ol class="dd-list">
-                                                            <li class="dd-item" data-id="1">
-                                                                <div class="dd-handle">
-                                                                    Choose a smartwatch
-                                                                </div>
-                                                            </li>
-                                                            <li class="dd-item" data-id="2">
-                                                                <div class="dd-handle">
-                                                                    Send design for review
-                                                                </div>
-                                                                <ol class="dd-list">
-                                                                    <li class="dd-item" data-id="3">
-                                                                        <div class="dd-handle">
-                                                                            Coffee with the team
-                                                                        </div>
-                                                                    </li>
-                                                                    <li class="dd-item" data-id="4">
-                                                                        <div class="dd-handle">
-                                                                            Ready my new work
-                                                                        </div>
-                                                                    </li>
-                                                                    <li class="dd-item" data-id="5">
-                                                                        <div class="dd-handle">
-                                                                            Make a wireframe
-                                                                        </div>
-                                                                        <ol class="dd-list">
-                                                                            <li class="dd-item" data-id="6">
-                                                                                <div class="dd-handle">
-                                                                                    Video app redesign
-                                                                                </div>
-                                                                            </li>
-                                                                            <li class="dd-item" data-id="7">
-                                                                                <div class="dd-handle">
-                                                                                    iOS apps design completed
-                                                                                </div>
-                                                                            </li>
-                                                                            <li class="dd-item" data-id="8">
-                                                                                <div class="dd-handle">
-                                                                                    Dashboard design started
-                                                                                </div>
-                                                                            </li>
-                                                                        </ol>
-                                                                    </li>
-                                                                    <li class="dd-item" data-id="9">
-                                                                        <div class="dd-handle">
-                                                                            Homepage design
-                                                                        </div>
-                                                                    </li>
-                                                                    <li class="dd-item" data-id="10">
-                                                                        <div class="dd-handle">
-                                                                            Developed UI Kit
-                                                                        </div>
-                                                                    </li>
-                                                                </ol>
-                                                            </li>
-        
-                                                        </ol>
-                                                    </div>
-                                                </div>
-                                            </div><!-- end col -->
-    
-                                            <div class="col-md-6">
-                                                <div class="mt-3 mt-md-0">
-                                                    <h4 class="header-title">Nestable Lists 2</h4>
-                                                    <p class="sub-header">
-                                                        Drag & drop hierarchical list with mouse and touch compatibility (jQuery plugin).
-                                                    </p>
-        
-                                                    <div class="custom-dd dd" id="nestable_list_2">
-                                                        <ol class="dd-list">
-                                                            <li class="dd-item" data-id="11">
-                                                                <div class="dd-handle">
-                                                                    Item 11
-                                                                </div>
-                                                            </li>
-                                                            <li class="dd-item" data-id="12">
-                                                                <div class="dd-handle">
-                                                                    Item 12
-                                                                </div>
-                                                            </li>
-                                                            <li class="dd-item" data-id="13">
-                                                                <div class="dd-handle">
-                                                                    Item 13
-                                                                </div>
-                                                            </li>
-                                                            <li class="dd-item" data-id="14">
-                                                                <div class="dd-handle">
-                                                                    Item 14
-                                                                </div>
-                                                            </li>
-                                                            <li class="dd-item" data-id="15">
-                                                                <div class="dd-handle">
-                                                                    Item 15
-                                                                </div>
-                                                                <ol class="dd-list">
-                                                                    <li class="dd-item" data-id="16">
-                                                                        <div class="dd-handle">
-                                                                            Item 16
-                                                                        </div>
-                                                                    </li>
-                                                                    <li class="dd-item" data-id="17">
-                                                                        <div class="dd-handle">
-                                                                            Item 17
-                                                                        </div>
-                                                                    </li>
-                                                                    <li class="dd-item" data-id="18">
-                                                                        <div class="dd-handle">
-                                                                            Item 18
-                                                                        </div>
-                                                                    </li>
-                                                                </ol>
-                                                            </li>
-                                                        </ol>
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end col -->
-                                        </div> <!-- end row -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end Row -->
-
-                        <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div>
-                                                    <h4 class="header-title">Nestable Lists 3</h4>
-                                                    <p class="sub-header">
-                                                        Drag & drop hierarchical list with mouse and touch compatibility (jQuery plugin).
-                                                    </p>
-        
-                                                    <div class="custom-dd-empty dd" id="nestable_list_3">
-                                                        <ol class="dd-list">
-                                                            <li class="dd-item dd3-item" data-id="13">
-                                                                <div class="dd-handle dd3-handle"></div>
-                                                                <div class="dd3-content">
-                                                                    Item 13
-                                                                </div>
-                                                            </li>
-                                                            <li class="dd-item dd3-item" data-id="14">
-                                                                <div class="dd-handle dd3-handle"></div>
-                                                                <div class="dd3-content">
-                                                                    Item 14
-                                                                </div>
-                                                            </li>
-                                                            <li class="dd-item dd3-item" data-id="15">
-                                                                <div class="dd-handle dd3-handle"></div>
-                                                                <div class="dd3-content">
-                                                                    Item 15
-                                                                </div>
-                                                                <ol class="dd-list">
-                                                                    <li class="dd-item dd3-item" data-id="16">
-                                                                        <div class="dd-handle dd3-handle"></div>
-                                                                        <div class="dd3-content">
-                                                                            Item 16
-                                                                        </div>
-                                                                    </li>
-                                                                    <li class="dd-item dd3-item" data-id="17">
-                                                                        <div class="dd-handle dd3-handle"></div>
-                                                                        <div class="dd3-content">
-                                                                            Item 17
-                                                                        </div>
-                                                                    </li>
-                                                                    <li class="dd-item dd3-item" data-id="18">
-                                                                        <div class="dd-handle dd3-handle"></div>
-                                                                        <div class="dd3-content">
-                                                                            Item 18
-                                                                        </div>
-                                                                    </li>
-                                                                </ol>
-                                                            </li>
-                                                        </ol>
-                                                    </div>
-                                                </div>
-                                            </div><!-- end col -->
-    
-                                        </div> <!-- end row -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end Row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- nestable2 js-->
-        <script src="../assets/libs/nestable2/jquery.nestable.min.js"></script>
-
-        <!-- Nestable init-->
-        <script src="../assets/js/pages/nestable.init.js"></script>
-        
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/extended-range-slider.html b/public/modern/extended-range-slider.html
deleted file mode 100644
index ce3dabc..0000000
--- a/public/modern/extended-range-slider.html
+++ /dev/null
@@ -1,1914 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>ION Range Slider | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- ION Slider -->
-        <link href="../assets/libs/ion-rangeslider/css/ion.rangeSlider.min.css" rel="stylesheet" type="text/css"/>
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Range Slider</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extended UI</a></li>
-                                            <li class="breadcrumb-item active">Range Slider</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Default</h4>
-                                        <p class="sub-header">
-                                            Start without params
-                                        </p>
-                                        <input type="text" id="range_01">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Min-Max</h4>
-                                        <p class="sub-header">
-                                            Set min value, max value and start point
-                                        </p>
-                                        <input type="text" id="range_02">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Prefix</h4>
-                                        <p class="sub-header">
-                                            Showing grid and adding prefix "$"
-                                        </p>
-                                        <input type="text" id="range_03">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Range</h4>
-                                        <p class="sub-header">
-                                            Set up range with negative values
-                                        </p>
-                                        <input type="text" id="range_04">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Step</h4>
-                                        <p class="sub-header">
-                                            Using step 250
-                                        </p>
-                                        <input type="text" id="range_05">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Custom Values</h4>
-                                        <p class="sub-header">
-                                            Using any strings as values
-                                        </p>
-                                        <input type="text" id="range_06">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Prettify Numbers</h4>
-                                        <p class="sub-header">
-                                            Prettify enabled. Much better!
-                                        </p>
-                                        <input type="text" id="range_07">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Disabled</h4>
-                                        <p class="sub-header">
-                                            Lock slider by using disable option
-                                        </p>
-                                        <input type="text" id="range_08">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Extra Example</h4>
-                                        <p class="sub-header">
-                                            Whant to show that max number is not the biggest one?
-                                        </p>
-                                        <input type="text" id="range_09">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Use decorate_both option</h4>
-                                        <p class="sub-header">
-                                            Use decorate_both option
-                                        </p>
-                                        <input type="text" id="range_10">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Postfixes</h4>
-                                        <p class="sub-header">
-                                            Using postfixes
-                                        </p>
-                                        <input type="text" id="range_11">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Hide</h4>
-                                        <p class="sub-header">
-                                            Or hide any part you wish
-                                        </p>
-                                        <input type="text" id="range_12">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Modern skin</h4>
-                                        <p class="sub-header">
-                                            Example of modern skin
-                                        </p>
-                                        <input type="text" id="range_13">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Sharp skin</h4>
-                                        <p class="sub-header">
-                                            Example of sharp skin
-                                        </p>
-                                        <input type="text" id="range_14">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Round skin</h4>
-                                        <p class="sub-header">
-                                            Example of round skin
-                                        </p>
-                                        <input type="text" id="range_15">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Square skin</h4>
-                                        <p class="sub-header">
-                                            Example of square skin
-                                        </p>
-                                        <input type="text" id="range_16">
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Ion Range Slider-->
-        <script src="../assets/libs/ion-rangeslider/js/ion.rangeSlider.min.js"></script>
-
-        <!-- Range slider init js-->
-        <script src="../assets/js/pages/range-sliders.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/extended-scrollspy.html b/public/modern/extended-scrollspy.html
deleted file mode 100644
index a1dbb69..0000000
--- a/public/modern/extended-scrollspy.html
+++ /dev/null
@@ -1,1968 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Scrollspy | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Scrollspy</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extended UI</a></li>
-                                            <li class="breadcrumb-item active">Scrollspy</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Example in navbar</h4>
-                                        <p class="sub-header">Scroll the area below the navbar and watch the active
-                                            class change. The dropdown items will be highlighted as well.</p>
-
-                                        <nav id="navbar-example2" class="navbar navbar-light bg-light">
-                                            <a class="navbar-brand" href="#">Navbar</a>
-                                            <ul class="nav nav-pills">
-                                                <li class="nav-item">
-                                                    <a class="nav-link active" href="#fat">@fat</a>
-                                                </li>
-                                                <li class="nav-item">
-                                                    <a class="nav-link" href="#mdo">@mdo</a>
-                                                </li>
-                                                <li class="nav-item dropdown">
-                                                    <a class="nav-link dropdown-toggle arrow-none"
-                                                        data-toggle="dropdown" href="#" role="button"
-                                                        aria-haspopup="true" aria-expanded="false">Dropdown <i
-                                                            class="mdi mdi-chevron-down"></i></a>
-                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                        <a class="dropdown-item" href="#one">one</a>
-                                                        <a class="dropdown-item" href="#two">two</a>
-                                                        <div role="separator" class="dropdown-divider"></div>
-                                                        <a class="dropdown-item" href="#three">three</a>
-                                                    </div>
-                                                </li>
-                                            </ul>
-                                        </nav>
-                                        <div data-spy="scroll" data-target="#navbar-example2" data-offset="0"
-                                            class="scrollspy-example">
-                                            <h4 id="fat">@fat</h4>
-                                            <p>Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr
-                                                enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle
-                                                rights whatever. Anim keffiyeh carles cardigan. Velit seitan
-                                                mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean
-                                                shorts, williamsburg hoodie minim qui you probably haven't heard of
-                                                them et cardigan trust fund culpa biodiesel wes anderson aesthetic.
-                                                Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan
-                                                ullamco consequat.</p>
-                                            <h4 id="mdo">@mdo</h4>
-                                            <p>Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork
-                                                beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat
-                                                four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater
-                                                food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson
-                                                +1 sartorial. Carles non aesthetic exercitation quis gentrify.
-                                                Brooklyn adipisicing craft beer vice keytar deserunt.</p>
-                                            <h4 id="one">one</h4>
-                                            <p>Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard
-                                                ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next
-                                                level locavore single-origin coffee in magna veniam. High life id
-                                                vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS
-                                                est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex
-                                                in, sustainable delectus consectetur fanny pack iphone.</p>
-                                            <h4 id="two">two</h4>
-                                            <p>In incididunt echo park, officia deserunt mcsweeney's proident master
-                                                cleanse thundercats sapiente veniam. Excepteur VHS elit, proident
-                                                shoreditch +1 biodiesel laborum craft beer. Single-origin coffee
-                                                wayfarers irure four loko, cupidatat terry richardson master
-                                                cleanse. Assumenda you probably haven't heard of them art party
-                                                fanny pack, tattooed nulla cardigan tempor ad. Proident wolf
-                                                nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf
-                                                voluptate, lo-fi ea portland before they sold out four loko.
-                                                Locavore enim nostrud mlkshk brooklyn nesciunt.</p>
-                                            <h4 id="three">three</h4>
-                                            <p>Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr
-                                                enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle
-                                                rights whatever. Anim keffiyeh carles cardigan. Velit seitan
-                                                mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean
-                                                shorts, williamsburg hoodie minim qui you probably haven't heard of
-                                                them et cardigan trust fund culpa biodiesel wes anderson aesthetic.
-                                                Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan
-                                                ullamco consequat.</p>
-                                            <p>Keytar twee blog, culpa messenger bag marfa whatever delectus food
-                                                truck. Sapiente synth id assumenda. Locavore sed helvetica cliche
-                                                irony, thundercats you probably haven't heard of them consequat
-                                                hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before
-                                                they sold out, terry richardson proident brunch nesciunt quis cosby
-                                                sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer
-                                                seitan readymade velit. VHS chambray laboris tempor veniam. Anim
-                                                mollit minim commodo ullamco thundercats.
-                                            </p>
-                                        </div>
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Example with nested nav</h4>
-                                        <p class="sub-header">Scrollspy also works with nested <code>.nav</code>s.
-                                            If a nested <code>.nav</code> is <code>.active</code>, its parents will also be
-                                            <code>.active</code>. Scroll the area next to the navbar and watch the active
-                                            class change.</p>
-
-                                        <div class="row">
-                                            <div class="col-4">
-                                                <nav id="navbar-example3" class="navbar navbar-light flex-column">
-                                                    <a class="navbar-brand" href="#">Navbar</a>
-                                                    <nav class="nav nav-pills flex-column">
-                                                        <a class="nav-link active" href="#item-1">Item 1</a>
-                                                        <nav class="nav nav-pills flex-column">
-                                                            <a class="nav-link ml-3 my-1 active"
-                                                                href="#item-1-1">Item 1-1</a>
-                                                            <a class="nav-link ml-3 my-1" href="#item-1-2">Item
-                                                                1-2</a>
-                                                        </nav>
-                                                        <a class="nav-link" href="#item-2">Item 2</a>
-                                                        <a class="nav-link" href="#item-3">Item 3</a>
-                                                        <nav class="nav nav-pills flex-column">
-                                                            <a class="nav-link ml-3 my-1" href="#item-3-1">Item
-                                                                3-1</a>
-                                                            <a class="nav-link ml-3 my-1" href="#item-3-2">Item
-                                                                3-2</a>
-                                                        </nav>
-                                                    </nav>
-                                                </nav>
-                                            </div>
-                                            <div class="col-8">
-                                                <div data-spy="scroll" data-target="#navbar-example3"
-                                                    data-offset="0" class="scrollspy-example"
-                                                    style="height: 350px;">
-                                                    <h4 id="item-1">Item 1</h4>
-                                                    <p>Ex consequat commodo adipisicing exercitation aute excepteur
-                                                        occaecat ullamco duis aliqua id magna ullamco eu. Do aute
-                                                        ipsum ipsum ullamco cillum consectetur ut et aute
-                                                        consectetur labore. Fugiat laborum incididunt tempor eu
-                                                        consequat enim dolore proident. Qui laborum do non excepteur
-                                                        nulla magna eiusmod consectetur in. Aliqua et aliqua officia
-                                                        quis et incididunt voluptate non anim reprehenderit
-                                                        adipisicing dolore ut consequat deserunt mollit dolore.
-                                                        Aliquip nulla enim veniam non fugiat id cupidatat nulla elit
-                                                        cupidatat commodo velit ut eiusmod cupidatat elit dolore.
-                                                    </p>
-                                                    <h5 id="item-1-1">Item 1-1</h5>
-                                                    <p>Amet tempor mollit aliquip pariatur excepteur commodo do ea
-                                                        cillum commodo Lorem et occaecat elit qui et. Aliquip labore
-                                                        ex ex esse voluptate occaecat Lorem ullamco deserunt. Aliqua
-                                                        cillum excepteur irure consequat id quis ea. Sit proident
-                                                        ullamco aute magna pariatur nostrud labore. Reprehenderit
-                                                        aliqua commodo eiusmod aliquip est do duis amet proident
-                                                        magna consectetur consequat eu commodo fugiat non quis. Enim
-                                                        aliquip exercitation ullamco adipisicing voluptate excepteur
-                                                        minim exercitation minim minim commodo adipisicing
-                                                        exercitation officia nisi adipisicing. Anim id duis qui
-                                                        consequat labore adipisicing sint dolor elit cillum anim et
-                                                        fugiat.</p>
-                                                    <h5 id="item-1-2">Item 1-2</h5>
-                                                    <p>Cillum nisi deserunt magna eiusmod qui eiusmod velit
-                                                        voluptate pariatur laborum sunt enim. Irure laboris mollit
-                                                        consequat incididunt sint et culpa culpa incididunt
-                                                        adipisicing magna magna occaecat. Nulla ipsum cillum eiusmod
-                                                        sint elit excepteur ea labore enim consectetur in labore
-                                                        anim. Proident ullamco ipsum esse elit ut Lorem eiusmod
-                                                        dolor et eiusmod. Anim occaecat nulla in non consequat
-                                                        eiusmod velit incididunt.</p>
-                                                    <h4 id="item-2">Item 2</h4>
-                                                    <p>Quis magna Lorem anim amet ipsum do mollit sit cillum
-                                                        voluptate ex nulla tempor. Laborum consequat non elit enim
-                                                        exercitation cillum aliqua consequat id aliqua. Esse ex
-                                                        consectetur mollit voluptate est in duis laboris ad sit
-                                                        ipsum anim Lorem. Incididunt veniam velit elit elit veniam
-                                                        Lorem aliqua quis ullamco deserunt sit enim elit aliqua esse
-                                                        irure. Laborum nisi sit est tempor laborum mollit labore
-                                                        officia laborum excepteur commodo non commodo dolor
-                                                        excepteur commodo. Ipsum fugiat ex est consectetur ipsum
-                                                        commodo tempor sunt in proident.</p>
-                                                    <h4 id="item-3">Item 3</h4>
-                                                    <p>Quis anim sit do amet fugiat dolor velit sit ea ea do
-                                                        reprehenderit culpa duis. Nostrud aliqua ipsum fugiat minim
-                                                        proident occaecat excepteur aliquip culpa aute tempor
-                                                        reprehenderit. Deserunt tempor mollit elit ex pariatur
-                                                        dolore velit fugiat mollit culpa irure ullamco est ex
-                                                        ullamco excepteur.</p>
-                                                    <h5 id="item-3-1">Item 3-1</h5>
-                                                    <p>Deserunt quis elit Lorem eiusmod amet enim enim amet minim
-                                                        Lorem proident nostrud. Ea id dolore anim exercitation aute
-                                                        fugiat labore voluptate cillum do laboris labore. Ex velit
-                                                        exercitation nisi enim labore reprehenderit labore nostrud
-                                                        ut ut. Esse officia sunt duis aliquip ullamco tempor eiusmod
-                                                        deserunt irure nostrud irure. Ullamco proident veniam
-                                                        laboris ea consectetur magna sunt ex exercitation aliquip
-                                                        minim enim culpa occaecat exercitation. Est tempor excepteur
-                                                        aliquip laborum consequat do deserunt laborum esse eiusmod
-                                                        irure proident ipsum esse qui.</p>
-                                                    <h5 id="item-3-2">Item 3-2</h5>
-                                                    <p>Labore sit culpa commodo elit adipisicing sit aliquip elit
-                                                        proident voluptate minim mollit nostrud aute reprehenderit
-                                                        do. Mollit excepteur eu Lorem ipsum anim commodo sint labore
-                                                        Lorem in exercitation velit incididunt. Occaecat consectetur
-                                                        nisi in occaecat proident minim enim sunt reprehenderit
-                                                        exercitation cupidatat et do officia. Aliquip consequat ad
-                                                        labore labore mollit ut amet. Sit pariatur tempor proident
-                                                        in veniam culpa aliqua excepteur elit magna fugiat eiusmod
-                                                        amet officia.</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Example with list-group</h4>
-                                        <p class="sub-header">Scrollspy also works with nested <code>.nav</code>s.
-                                            If a nested <code>.nav</code> is <code>.active</code>, its parents will also be
-                                            <code>.active</code>. Scroll the area next to the navbar and watch the active
-                                            class change.</p>
-
-                                        <div class="row">
-                                            <div class="col-4">
-                                                <div id="list-example" class="list-group">
-                                                    <a class="list-group-item list-group-item-action active"
-                                                        href="#list-item-1">Item 1</a>
-                                                    <a class="list-group-item list-group-item-action"
-                                                        href="#list-item-2">Item 2</a>
-                                                    <a class="list-group-item list-group-item-action"
-                                                        href="#list-item-3">Item 3</a>
-                                                    <a class="list-group-item list-group-item-action"
-                                                        href="#list-item-4">Item 4</a>
-                                                </div>
-                                            </div>
-                                            <div class="col-8">
-                                                <div data-spy="scroll" data-target="#list-example" data-offset="0"
-                                                    class="scrollspy-example">
-                                                    <h4 id="list-item-1">Item 1</h4>
-                                                    <p>Ex consequat commodo adipisicing exercitation aute excepteur
-                                                        occaecat ullamco duis aliqua id magna ullamco eu. Do aute
-                                                        ipsum ipsum ullamco cillum consectetur ut et aute
-                                                        consectetur labore. Fugiat laborum incididunt tempor eu
-                                                        consequat enim dolore proident. Qui laborum do non excepteur
-                                                        nulla magna eiusmod consectetur in. Aliqua et aliqua officia
-                                                        quis et incididunt voluptate non anim reprehenderit
-                                                        adipisicing dolore ut consequat deserunt mollit dolore.
-                                                        Aliquip nulla enim veniam non fugiat id cupidatat nulla elit
-                                                        cupidatat commodo velit ut eiusmod cupidatat elit dolore.
-                                                    </p>
-                                                    <h4 id="list-item-2">Item 2</h4>
-                                                    <p>Quis magna Lorem anim amet ipsum do mollit sit cillum
-                                                        voluptate ex nulla tempor. Laborum consequat non elit enim
-                                                        exercitation cillum aliqua consequat id aliqua. Esse ex
-                                                        consectetur mollit voluptate est in duis laboris ad sit
-                                                        ipsum anim Lorem. Incididunt veniam velit elit elit veniam
-                                                        Lorem aliqua quis ullamco deserunt sit enim elit aliqua esse
-                                                        irure. Laborum nisi sit est tempor laborum mollit labore
-                                                        officia laborum excepteur commodo non commodo dolor
-                                                        excepteur commodo. Ipsum fugiat ex est consectetur ipsum
-                                                        commodo tempor sunt in proident.</p>
-                                                    <h4 id="list-item-3">Item 3</h4>
-                                                    <p>Quis anim sit do amet fugiat dolor velit sit ea ea do
-                                                        reprehenderit culpa duis. Nostrud aliqua ipsum fugiat minim
-                                                        proident occaecat excepteur aliquip culpa aute tempor
-                                                        reprehenderit. Deserunt tempor mollit elit ex pariatur
-                                                        dolore velit fugiat mollit culpa irure ullamco est ex
-                                                        ullamco excepteur.</p>
-                                                    <h4 id="list-item-4">Item 4</h4>
-                                                    <p>Quis anim sit do amet fugiat dolor velit sit ea ea do
-                                                        reprehenderit culpa duis. Nostrud aliqua ipsum fugiat minim
-                                                        proident occaecat excepteur aliquip culpa aute tempor
-                                                        reprehenderit. Deserunt tempor mollit elit ex pariatur
-                                                        dolore velit fugiat mollit culpa irure ullamco est ex
-                                                        ullamco excepteur.</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/extended-sweet-alert.html b/public/modern/extended-sweet-alert.html
deleted file mode 100644
index 6d9f8e0..0000000
--- a/public/modern/extended-sweet-alert.html
+++ /dev/null
@@ -1,1814 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Sweet Alerts | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Sweet Alert-->
-        <link href="../assets/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Sweet Alerts</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extended UI</a></li>
-                                            <li class="breadcrumb-item active">Sweet Alerts</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                            <h4 class="header-title">Examples</h4>
-
-                                            <p class="sub-header">
-                                                A beautiful, responsive, customizable, accessible (WAI-ARIA) replacement for JavaScript's popup boxes
-                                            </p>
-
-                                        <table class="table table-borderless table-centered mb-0">
-                                            <thead class="thead-light">
-                                                <tr>
-                                                    <th style="width:50%;">Alert Type</th>
-                                                    <th>Example</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                            <tr>
-                                                <td>A basic message</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="sa-basic">Click me</button>
-                                                </td>
-                                            </tr>
-            
-                                            <tr>
-                                                <td>A title with a text under</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="sa-title">Click me</button>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>A success message!</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="sa-success">Click me</button>
-                                                </td>
-                                            </tr>
-
-                                            <tr>
-                                                <td>A modal window with a long content inside:</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="sa-long-content">Click me</button>
-                                                </td>
-                                            </tr>
-
-                                            <tr>
-                                                <td>A custom positioned dialog</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="sa-custom-position">Click me</button>
-                                                </td>
-                                            </tr>
-
-                                            <tr>
-                                                <td>A modal with a title, an error icon, a text, and a footer</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="sa-error">Click me</button>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>A confirm dialog, with a function attached to the "Confirm"-button...</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="sa-warning">Click me</button>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>By passing a parameter, you can execute something else for "Cancel".</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="sa-params">Click me</button>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>A message with custom Image Header</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="sa-image">Click me</button>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>A message with auto close timer</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="sa-close">Click me</button>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>Custom HTML description and buttons</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="custom-html-alert">Click me</button>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>A message with custom width, padding and background</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="custom-padding-width-alert">Click me</button>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>Ajax request example</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="ajax-alert">Click me</button>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>Chaining modals (queue) example</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="chaining-alert">Click me</button>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                                <td>Dynamic queue example</td>
-                                                <td>
-                                                    <button type="button" class="btn btn-info btn-xs" id="dynamic-alert">Click me</button>
-                                                </td>
-                                            </tr>
-                                            </tbody>
-                                        </table>
-            
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div>
-                            <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Sweet Alerts js -->
-        <script src="../assets/libs/sweetalert2/sweetalert2.min.js"></script>
-
-        <!-- Sweet alert init js-->
-        <script src="../assets/js/pages/sweet-alerts.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/extended-tour.html b/public/modern/extended-tour.html
deleted file mode 100644
index 69a314f..0000000
--- a/public/modern/extended-tour.html
+++ /dev/null
@@ -1,1771 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Tour | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Tour css -->
-        <link href="../assets/libs/hopscotch/css/hopscotch.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Tour</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extended UI</a></li>
-                                            <li class="breadcrumb-item active">Tour</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-                        
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="text-center">
-                                            <img src="../assets/images/logo-dark.png" alt="" height="20" id="logo-tour">
-                                        </div>
-    
-                                        <h1 id="display-title-tour">This is a Heading 1</h1>
-                                        <p class="text-muted">Suspendisse vel quam malesuada, aliquet sem sit
-                                            amet, fringilla elit. Morbi
-                                            tempor tincidunt tempor. Etiam id turpis viverra, vulputate sapien
-                                            nec,
-                                            varius sem. Curabitur ullamcorper fringilla eleifend. In ut eros
-                                            hendrerit
-                                            est consequat posuere et at velit.</p>
-    
-                                        <div class="clearfix"></div>
-    
-                                        <h2>This is a Heading 2</h2>
-                                        <p class="text-muted">In nec rhoncus eros. Vestibulum eu mattis nisl.
-                                            Quisque viverra viverra magna
-                                            nec pulvinar. Maecenas pellentesque porta augue, consectetur
-                                            facilisis diam
-                                            porttitor sed. Suspendisse tempor est sodales augue rutrum
-                                            tincidunt.
-                                            Quisque a malesuada purus.</p>
-    
-                                        <div class="clearfix"></div>
-    
-                                        <h3>This is a Heading 3</h3>
-                                        <p class="text-muted">Vestibulum auctor tincidunt semper. Phasellus ut
-                                            vulputate lacus. Suspendisse
-                                            ultricies mi eros, sit amet tempor nulla varius sed. Proin nisl
-                                            nisi,
-                                            feugiat quis bibendum vitae, dapibus in tellus.</p>
-    
-                                        <div class="clearfix"></div>
-    
-                                        <h4>This is a Heading 4</h4>
-                                        <p class="text-muted">Nulla et mattis nunc. Curabitur scelerisque
-                                            commodo condimentum. Mauris
-                                            blandit, velit a consectetur egestas, diam arcu fermentum justo,
-                                            eget
-                                            ultrices arcu eros vel erat.</p>
-    
-                                        <div class="clearfix"></div>
-    
-                                        <h5>This is a Heading 5</h5>
-                                        <p class="text-muted">Quisque nec turpis at urna dictum luctus.
-                                            Suspendisse convallis dignissim
-                                            eros at volutpat. In egestas mattis dui. Aliquam mattis dictum
-                                            aliquet.
-                                            Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.
-                                            Vivamus
-                                            pretium nec odio cursus elementum. Suspendisse molestie ullamcorper
-                                            ornare.</p>
-    
-                                        <div class="clearfix"></div>
-    
-                                        <h6>This is a Heading 6</h6>
-                                        <p class="text-muted">Donec ultricies, lacus id tempor condimentum, orci
-                                            leo faucibus sem, a
-                                            molestie libero lectus ac justo. ultricies mi eros, sit amet tempor
-                                            nulla
-                                            varius sed. Proin nisl nisi, feugiat quis bibendum vitae, dapibus in
-                                            tellus.</p>
-    
-    
-                                        <div class="text-center pt-4">
-                                            <a href="javascript: void(0);" class="btn btn-danger" id="thankyou-tour">Thank you !</a>
-                                        </div>
-                                    </div>
-
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row-->
-
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Tour page js -->
-        <script src="../assets/libs/hopscotch/js/hopscotch.min.js"></script>
-
-        <!-- Tour init js-->
-        <script src="../assets/js/pages/tour.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/extended-treeview.html b/public/modern/extended-treeview.html
deleted file mode 100644
index 244ccf4..0000000
--- a/public/modern/extended-treeview.html
+++ /dev/null
@@ -1,1843 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Treeview | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Treeview css -->
-        <link href="../assets/libs/jstree/themes/default/style.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Treeview</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extended UI</a></li>
-                                            <li class="breadcrumb-item active">Treeview</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Basic Tree</h4>
-
-                                        <div id="basicTree">
-                                            <ul>
-                                                <li><b>MINTON</b>
-                                                    <ul>
-                                                        <li data-jstree='{"opened":true}'>Assets
-                                                            <ul>
-                                                                <li data-jstree='{"type":"file"}'>Css</li>
-                                                                <li data-jstree='{"opened":true}'>Plugins
-                                                                    <ul>
-                                                                        <li data-jstree='{"selected":true,"type":"file"}'>Plugin one</li>
-                                                                        <li data-jstree='{"type":"file"}'>Plugin two</li>
-                                                                    </ul>
-                                                                </li>
-                                                            </ul>
-                                                        </li>
-                                                        <li data-jstree='{"opened":true}'>Email Template
-                                                            <ul>
-                                                                <li data-jstree='{"type":"file"}'>Email one</li>
-                                                                <li data-jstree='{"type":"file"}'>Email two</li>
-                                                            </ul>
-                                                        </li>
-                                                        <li data-jstree='{"icon":"mdi mdi-view-dashboard"}'>Dashboard</li>
-                                                        <li data-jstree='{"icon":"mdi mdi-format-font"}'>Typography</li>
-                                                        <li data-jstree='{"opened":true}'>User Interface
-                                                            <ul>
-                                                                <li data-jstree='{"type":"file"}'>Buttons</li>
-                                                                <li data-jstree='{"type":"file"}'>Cards</li>
-                                                            </ul>
-                                                        </li>
-                                                        <li data-jstree='{"icon":"mdi mdi-texture"}'>Forms</li>
-                                                        <li data-jstree='{"icon":"mdi mdi-view-list"}'>Tables</li>
-                                                    </ul>
-                                                </li>
-                                                <li data-jstree='{"type":"file"}'>Frontend</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Checkbox Tree</h4>
-
-                                        <div id="checkTree">
-                                            <ul>
-                                                <li><b>MINTON</b>
-                                                    <ul>
-                                                        <li data-jstree='{"opened":true}'>Assets
-                                                            <ul>
-                                                                <li data-jstree='{"type":"file"}'>Css</li>
-                                                                <li data-jstree='{"opened":true}'>Plugins
-                                                                    <ul>
-                                                                        <li data-jstree='{"selected":true,"type":"file"}'>Plugin one</li>
-                                                                        <li data-jstree='{"type":"file"}'>Plugin two</li>
-                                                                    </ul>
-                                                                </li>
-                                                            </ul>
-                                                        </li>
-                                                        <li data-jstree='{"opened":true}'>Email Template
-                                                            <ul>
-                                                                <li data-jstree='{"type":"file"}'>Email one</li>
-                                                                <li data-jstree='{"type":"file"}'>Email two</li>
-                                                            </ul>
-                                                        </li>
-                                                        <li data-jstree='{"icon":"mdi mdi-view-dashboard"}'>Dashboard</li>
-                                                        <li data-jstree='{"icon":"mdi mdi-format-font"}'>Typography</li>
-                                                        <li data-jstree='{"opened":true}'>User Interface
-                                                            <ul>
-                                                                <li data-jstree='{"type":"file"}'>Buttons</li>
-                                                                <li data-jstree='{"type":"file"}'>Cards</li>
-                                                            </ul>
-                                                        </li>
-                                                        <li data-jstree='{"icon":"mdi mdi-texture"}'>Forms</li>
-                                                        <li data-jstree='{"icon":"mdi mdi-view-list"}'>Tables</li>
-                                                    </ul>
-                                                </li>
-                                                <li data-jstree='{"type":"file"}'>Frontend</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Drag & Drop Tree</h4>
-
-                                        <div id="dragTree">
-                                            <ul>
-                                                <li><b>MINTON</b>
-                                                    <ul>
-                                                        <li data-jstree='{"opened":true}'>Assets
-                                                            <ul>
-                                                                <li data-jstree='{"type":"file"}'>Css</li>
-                                                                <li data-jstree='{"opened":true}'>Plugins
-                                                                    <ul>
-                                                                        <li data-jstree='{"selected":true,"type":"file"}'>Plugin one</li>
-                                                                        <li data-jstree='{"type":"file"}'>Plugin two</li>
-                                                                    </ul>
-                                                                </li>
-                                                            </ul>
-                                                        </li>
-                                                        <li data-jstree='{"opened":true}'>Email Template
-                                                            <ul>
-                                                                <li data-jstree='{"type":"file"}'>Email one</li>
-                                                                <li data-jstree='{"type":"file"}'>Email two</li>
-                                                            </ul>
-                                                        </li>
-                                                        <li data-jstree='{"icon":"mdi mdi-view-dashboard"}'>Dashboard</li>
-                                                        <li data-jstree='{"icon":"mdi mdi-format-font"}'>Typography</li>
-                                                        <li data-jstree='{"opened":true}'>User Interface
-                                                            <ul>
-                                                                <li data-jstree='{"type":"file"}'>Buttons</li>
-                                                                <li data-jstree='{"type":"file"}'>Cards</li>
-                                                            </ul>
-                                                        </li>
-                                                        <li data-jstree='{"icon":"mdi mdi-texture"}'>Forms</li>
-                                                        <li data-jstree='{"icon":"mdi mdi-view-list"}'>Tables</li>
-                                                    </ul>
-                                                </li>
-                                                <li data-jstree='{"type":"file"}'>Frontend</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Ajax Tree</h4>
-
-                                        <div id="ajaxTree"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Tree view js -->
-        <script src="../assets/libs/jstree/jstree.min.js"></script>
-
-        <script src="../assets/js/pages/treeview.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/forms-advanced.html b/public/modern/forms-advanced.html
deleted file mode 100644
index 7ce245b..0000000
--- a/public/modern/forms-advanced.html
+++ /dev/null
@@ -1,2746 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form Advanced | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Plugins css -->
-        <link href="../assets/libs/mohithg-switchery/switchery.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/multiselect/css/multi-select.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/selectize/css/selectize.bootstrap3.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Form Advanced</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
-                                            <li class="breadcrumb-item active">Advanced</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Selectize</h4>
-                                        <p class="sub-header">
-                                            Selectize is the hybrid of a textbox and <code>&lt;select&gt;</code> box. It's jQuery-based and it's useful for tagging, contact lists, country selectors, and so on.
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-lg-6">
-                                                <div class="form-group mb-3">
-                                                    <label>Default</label>
-                                                    <input type="text" id="selectize-tags" value="Awesome, Admin, Dashboard">
-                                                </div>
-                                            </div>
-
-                                            <div class="col-lg-6">
-                                                <div class="form-group mb-3">
-                                                    <label>Select</label> <br/>
-                                                    <select id="selectize-select">
-                                                        <option data-display="Select">Nothing</option>
-                                                        <option value="1">Some option</option>
-                                                        <option value="2">Another option</option>
-                                                        <option value="3" disabled>A disabled option</option>
-                                                        <option value="4">Potato</option>
-                                                    </select>
-                                                </div>
-                                            </div>
-                                        </div>
-
-
-                                        <div class="row">
-                                            <div class="col-lg-6">
-                                                <div class="form-group">
-                                                    <label>Maximum Allow</label>
-                                                    <select id="selectize-maximum">
-                                                        <option value="">Select a state...</option>
-                                                        <option value="AL">Alabama</option>
-                                                        <option value="AK">Alaska</option>
-                                                        <option value="AZ">Arizona</option>
-                                                        <option value="AR">Arkansas</option>
-                                                        <option value="CA" selected>California</option>
-                                                        <option value="CO">Colorado</option>
-                                                        <option value="CT">Connecticut</option>
-                                                        <option value="DE">Delaware</option>
-                                                        <option value="DC">District of Columbia</option>
-                                                        <option value="FL">Florida</option>
-                                                        <option value="GA">Georgia</option>
-                                                        <option value="HI">Hawaii</option>
-                                                        <option value="ID">Idaho</option>
-                                                        <option value="IL">Illinois</option>
-                                                        <option value="IN">Indiana</option>
-                                                        <option value="IA">Iowa</option>
-                                                        <option value="KS">Kansas</option>
-                                                        <option value="KY">Kentucky</option>
-                                                        <option value="LA">Louisiana</option>
-                                                        <option value="ME">Maine</option>
-                                                        <option value="MD">Maryland</option>
-                                                        <option value="MA">Massachusetts</option>
-                                                        <option value="MI">Michigan</option>
-                                                        <option value="MN">Minnesota</option>
-                                                        <option value="MS">Mississippi</option>
-                                                        <option value="MO">Missouri</option>
-                                                        <option value="MT">Montana</option>
-                                                        <option value="NE">Nebraska</option>
-                                                        <option value="NV">Nevada</option>
-                                                        <option value="NH">New Hampshire</option>
-                                                        <option value="NJ">New Jersey</option>
-                                                        <option value="NM">New Mexico</option>
-                                                        <option value="NY">New York</option>
-                                                        <option value="NC">North Carolina</option>
-                                                        <option value="ND">North Dakota</option>
-                                                        <option value="OH">Ohio</option>
-                                                        <option value="OK">Oklahoma</option>
-                                                        <option value="OR">Oregon</option>
-                                                        <option value="PA">Pennsylvania</option>
-                                                        <option value="RI">Rhode Island</option>
-                                                        <option value="SC">South Carolina</option>
-                                                        <option value="SD">South Dakota</option>
-                                                        <option value="TN">Tennessee</option>
-                                                        <option value="TX">Texas</option>
-                                                        <option value="UT">Utah</option>
-                                                        <option value="VT">Vermont</option>
-                                                        <option value="VA">Virginia</option>
-                                                        <option value="WA">Washington</option>
-                                                        <option value="WV">West Virginia</option>
-                                                        <option value="WI">Wisconsin</option>
-                                                        <option value="WY" selected>Wyoming</option>
-                                                    </select>
-                                                    <div class="clearfix"></div>
-                                                </div>
-                                            </div>
-
-                                            <div class="col-lg-6">
-                                                <div class="form-group">
-                                                    <label>Links</label>
-                                                    <select id="selectize-links"></select>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div class="row">
-                                            <div class="col-lg-6">
-                                                <div class="form-group mb-3">
-                                                    <label>Confirm Delete Alert</label>
-                                                    <input type="text" id="selectize-confirm" value="awesome,neat,yeah">
-                                                </div>
-                                            </div>
-                                            <div class="col-lg-6">
-                                                <div class="form-group mb-3">
-                                                    <label>Basic Optgroups</label>
-                                                    <select id="selectize-optgroup" multiple placeholder="Select gear...">
-                                                        <option value="">Select gear...</option>
-                                                        <optgroup label="Climbing">
-                                                            <option value="pitons">Pitons</option>
-                                                            <option value="cams">Cams</option>
-                                                            <option value="nuts">Nuts</option>
-                                                            <option value="bolts">Bolts</option>
-                                                            <option value="stoppers">Stoppers</option>
-                                                            <option value="sling">Sling</option>
-                                                        </optgroup>
-                                                        <optgroup label="Skiing">
-                                                            <option value="skis">Skis</option>
-                                                            <option value="skins">Skins</option>
-                                                            <option value="poles">Poles</option>
-                                                        </optgroup>
-                                                    </select>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div class="row">
-                                            <div class="col-lg-6">
-                                                <div class="form-group mb-3">
-                                                    <label>Programmatic Optgroups</label>
-                                                    <select id="selectize-programmatic" placeholder="Select animal..."></select>
-                                                </div>
-                                            </div>
-                                            <div class="col-lg-6">
-                                                <div class="form-group mb-3">
-                                                    <label>Optgroup Columns</label>
-                                                    <input type="text" id="selectize-optgroup-column" placeholder="Select cars...">
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div class="row">
-                                            <div class="col-lg-6">
-                                                <div class="form-group mb-0">
-                                                    <label>Remove Button</label>
-                                                    <input type="text" class="selectize-close-btn" value="awesome,neat">
-                                                </div>
-                                            </div>
-                                            <div class="col-lg-6">
-                                                <div class="form-group mb-0">
-                                                    <label for="select-code-language">Dropdown Header</label>
-                                                    <select id="select-code-language" class="selectize-drop-header" placeholder="Select a language...">
-                                                        <option value="txt">Text</option>
-                                                        <option value="md">Markdown</option>
-                                                        <option value="html">HTML</option>
-                                                        <option value="php">PHP</option>
-                                                        <option value="python">Python</option>
-                                                        <option value="java">Java</option>
-                                                        <option value="js" selected>JavaScript</option>
-                                                        <option value="c#">Ruby</option>
-                                                        <option value="c#">VHDL</option>
-                                                        <option value="c#">Verilog</option>
-                                                        <option value="c#">C#</option>
-                                                        <option value="c++">C/C++</option>
-                                                    </select>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Switchery</h4>
-                                        <p class="sub-header">
-                                            iOS 7 style switches for your checkboxes
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-lg-6">
-                                                <label class="mb-1">Basic</label>
-                                                <p class="text-muted font-13">
-                                                    Add an attribute <code>
-                                                    data-plugin="switchery" data-color="@colors"</code>
-                                                    to your input element and it will be converted into switch.
-                                                </p>
-                    
-                                                <div class="switchery-demo">
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#039cfd"/>
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#f1b53d"/>
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#1bb99a"/>
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#ff5d48"/>
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#3db9dc"/>
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#2b3d51"/>
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#9261c6"/>
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#ff7aa3"/>
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#98a6ad"/>
-                                                </div>
-
-                                            </div>
-
-                                            <div class="col-lg-6">
-                                                <label class="mb-1 mt-3 mt-lg-0">Sizes & Secondary color</label>
-                                                <p class="text-muted font-13">
-                                                    Add an attribute <code>
-                                                    data-size="small",data-size="large"</code>
-                                                    to your input element and it will be converted into switch.
-                                                    Add an attribute <code>
-                                                    data-color="@color" data-secondary-color="@color"</code>
-                                                    to your input element and it will be converted into switch.
-                                                </p>
-                    
-                                                <div class="switchery-demo">
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#64b0f2" data-size="small"/>
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#ff7aa3"/>
-                                                    <input type="checkbox" checked data-plugin="switchery" data-color="#2b3d51" data-size="large"/>
-                                                    <input type="checkbox" data-plugin="switchery" data-color="#1bb99a" data-secondary-color="#ff5d48" />
-                                                    <input type="checkbox" data-plugin="switchery" data-color="#9261c6"  data-secondary-color="#ff7aa3" checked />
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Select2</h4>
-                                        <p class="sub-header">The jQuery replacement for select boxes</p>
-
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <p class="mb-1 font-weight-medium">Single Select</p>
-                                                <p class="text-muted font-13">
-                                                    Select2 can take a regular select box like this...
-                                                </p>
-            
-                                                <select class="form-control" data-toggle="select2">
-                                                    <option>Select</option>
-                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
-                                                        <option value="AK">Alaska</option>
-                                                        <option value="HI">Hawaii</option>
-                                                    </optgroup>
-                                                    <optgroup label="Pacific Time Zone">
-                                                        <option value="CA">California</option>
-                                                        <option value="NV">Nevada</option>
-                                                        <option value="OR">Oregon</option>
-                                                        <option value="WA">Washington</option>
-                                                    </optgroup>
-                                                    <optgroup label="Mountain Time Zone">
-                                                        <option value="AZ">Arizona</option>
-                                                        <option value="CO">Colorado</option>
-                                                        <option value="ID">Idaho</option>
-                                                        <option value="MT">Montana</option>
-                                                        <option value="NE">Nebraska</option>
-                                                        <option value="NM">New Mexico</option>
-                                                        <option value="ND">North Dakota</option>
-                                                        <option value="UT">Utah</option>
-                                                        <option value="WY">Wyoming</option>
-                                                    </optgroup>
-                                                    <optgroup label="Central Time Zone">
-                                                        <option value="AL">Alabama</option>
-                                                        <option value="AR">Arkansas</option>
-                                                        <option value="IL">Illinois</option>
-                                                        <option value="IA">Iowa</option>
-                                                        <option value="KS">Kansas</option>
-                                                        <option value="KY">Kentucky</option>
-                                                        <option value="LA">Louisiana</option>
-                                                        <option value="MN">Minnesota</option>
-                                                        <option value="MS">Mississippi</option>
-                                                        <option value="MO">Missouri</option>
-                                                        <option value="OK">Oklahoma</option>
-                                                        <option value="SD">South Dakota</option>
-                                                        <option value="TX">Texas</option>
-                                                        <option value="TN">Tennessee</option>
-                                                        <option value="WI">Wisconsin</option>
-                                                    </optgroup>
-                                                    <optgroup label="Eastern Time Zone">
-                                                        <option value="CT">Connecticut</option>
-                                                        <option value="DE">Delaware</option>
-                                                        <option value="FL">Florida</option>
-                                                        <option value="GA">Georgia</option>
-                                                        <option value="IN">Indiana</option>
-                                                        <option value="ME">Maine</option>
-                                                        <option value="MD">Maryland</option>
-                                                        <option value="MA">Massachusetts</option>
-                                                        <option value="MI">Michigan</option>
-                                                        <option value="NH">New Hampshire</option>
-                                                        <option value="NJ">New Jersey</option>
-                                                        <option value="NY">New York</option>
-                                                        <option value="NC">North Carolina</option>
-                                                        <option value="OH">Ohio</option>
-                                                        <option value="PA">Pennsylvania</option>
-                                                        <option value="RI">Rhode Island</option>
-                                                        <option value="SC">South Carolina</option>
-                                                        <option value="VT">Vermont</option>
-                                                        <option value="VA">Virginia</option>
-                                                        <option value="WV">West Virginia</option>
-                                                    </optgroup>
-                                                </select>
-                                            </div> <!-- end col -->
-
-                                            <div class="col-md-6">
-                                                <p class="mb-1 font-weight-medium mt-3 mt-md-0">Multiple Select</p>
-                                                <p class="text-muted font-13">
-                                                    Select2 can take a regular select box like this...
-                                                </p>
-            
-                                                <select class="form-control select2-multiple" data-toggle="select2" multiple="multiple" data-placeholder="Choose ...">
-                                                    <optgroup label="Alaskan/Hawaiian Time Zone">
-                                                        <option value="AK">Alaska</option>
-                                                        <option value="HI">Hawaii</option>
-                                                    </optgroup>
-                                                    <optgroup label="Pacific Time Zone">
-                                                        <option value="CA">California</option>
-                                                        <option value="NV">Nevada</option>
-                                                        <option value="OR">Oregon</option>
-                                                        <option value="WA">Washington</option>
-                                                    </optgroup>
-                                                    <optgroup label="Mountain Time Zone">
-                                                        <option value="AZ">Arizona</option>
-                                                        <option value="CO">Colorado</option>
-                                                        <option value="ID">Idaho</option>
-                                                        <option value="MT">Montana</option>
-                                                        <option value="NE">Nebraska</option>
-                                                        <option value="NM">New Mexico</option>
-                                                        <option value="ND">North Dakota</option>
-                                                        <option value="UT">Utah</option>
-                                                        <option value="WY">Wyoming</option>
-                                                    </optgroup>
-                                                    <optgroup label="Central Time Zone">
-                                                        <option value="AL">Alabama</option>
-                                                        <option value="AR">Arkansas</option>
-                                                        <option value="IL">Illinois</option>
-                                                        <option value="IA">Iowa</option>
-                                                        <option value="KS">Kansas</option>
-                                                        <option value="KY">Kentucky</option>
-                                                        <option value="LA">Louisiana</option>
-                                                        <option value="MN">Minnesota</option>
-                                                        <option value="MS">Mississippi</option>
-                                                        <option value="MO">Missouri</option>
-                                                        <option value="OK">Oklahoma</option>
-                                                        <option value="SD">South Dakota</option>
-                                                        <option value="TX">Texas</option>
-                                                        <option value="TN">Tennessee</option>
-                                                        <option value="WI">Wisconsin</option>
-                                                    </optgroup>
-                                                    <optgroup label="Eastern Time Zone">
-                                                        <option value="CT">Connecticut</option>
-                                                        <option value="DE">Delaware</option>
-                                                        <option value="FL">Florida</option>
-                                                        <option value="GA">Georgia</option>
-                                                        <option value="IN">Indiana</option>
-                                                        <option value="ME">Maine</option>
-                                                        <option value="MD">Maryland</option>
-                                                        <option value="MA">Massachusetts</option>
-                                                        <option value="MI">Michigan</option>
-                                                        <option value="NH">New Hampshire</option>
-                                                        <option value="NJ">New Jersey</option>
-                                                        <option value="NY">New York</option>
-                                                        <option value="NC">North Carolina</option>
-                                                        <option value="OH">Ohio</option>
-                                                        <option value="PA">Pennsylvania</option>
-                                                        <option value="RI">Rhode Island</option>
-                                                        <option value="SC">South Carolina</option>
-                                                        <option value="VT">Vermont</option>
-                                                        <option value="VA">Virginia</option>
-                                                        <option value="WV">West Virginia</option>
-                                                    </optgroup>
-                                                </select>
-                                            </div> <!-- end col -->
-                                        </div> <!-- end row -->
-
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div> 
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bootstrap MaxLength</h4>
-                                        <p class="sub-header">Uses the HTML5 attribute "maxlength" to work.</p>
-            
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <label class="mb-1 font-weight-medium">Default usage</label>
-                                                <p class="text-muted font-13">
-                                                    The badge will show up by default when the remaining chars are 10 or less:
-                                                </p>
-                                                <input type="text" class="form-control" maxlength="25" name="defaultconfig" id="defaultconfig" />
-            
-                                                <div>
-                                                    <label class="mb-1 mt-4 font-weight-medium">Threshold value</label>
-                                                    <p class="text-muted font-13">
-                                                        Do you want the badge to show up when there are 20 chars or less? Use the <code>threshold</code> option:
-                                                    </p>
-                                                    <input type="text" maxlength="25" name="thresholdconfig" class="form-control" id="thresholdconfig" />
-                                                </div>
-            
-                                                <div>
-                                                    <label class="mb-1 mt-4 font-weight-medium">All the options</label>
-                                                    <p class="text-muted m-b-15 font-13">
-                                                        Please note: if the <code>alwaysShow</code> option is enabled, the <code>threshold</code> option is ignored.
-                                                    </p>
-                                                    <input type="text" class="form-control" maxlength="25" name="alloptions" id="alloptions" />
-                                                </div>
-                                            </div> <!-- end col -->
-            
-                                            <div class="col-md-6">
-                                                <div class="mt-3 mt-md-0">
-            
-                                                    <label class="mb-1 font-weight-medium">Position</label>
-                                                    <p class="text-muted font-13">
-                                                        All you need to do is specify the <code>placement</code> option, with one of those strings. If none
-                                                        is specified, the positioning will be defauted to 'bottom'.
-                                                    </p>
-                                                    <input type="text" class="form-control" maxlength="25" name="placement" id="placement" />
-            
-                                                    <div>
-                                                        <label class="mb-1 mt-4 font-weight-medium">Textareas</label>
-                                                        <p class="text-muted font-13">
-                                                            Bootstrap maxlength supports textarea as well as inputs. Even on old IE.
-                                                        </p>
-                                                        <textarea id="textarea" class="form-control" maxlength="225" rows="3" placeholder="This textarea has a limit of 225 chars."></textarea>
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Multiple Select</h4>
-                                        <p class="sub-header">Example of multiple select.</p>
-
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <p class="mb-1 font-weight-medium">Default</p>
-                                                <p class="text-muted font-13">
-                                                    Use a <code>
-                                                        &lt;select multiple /&gt;</code>
-                                                        as your input element for a tags input, to gain true multivalue support.        
-                                                </p>
-            
-                                                <select multiple="multiple" class="multi-select" id="my_multi_select1" name="my_multi_select1[]" data-plugin="multiselect">
-                                                    <option>Dallas Cowboys</option>
-                                                    <option>New York Giants</option>
-                                                    <option selected>Philadelphia Eagles</option>
-                                                    <option selected>Washington Redskins</option>
-                                                    <option>Chicago Bears</option>
-                                                    <option>Detroit Lions</option>
-                                                    <option>Green Bay Packers</option>
-                                                    <option>Minnesota Vikings</option>
-                                                    <option selected>Atlanta Falcons</option>
-                                                    <option>Carolina Panthers</option>
-                                                    <option>New Orleans Saints</option>
-                                                    <option>Tampa Bay Buccaneers</option>
-                                                    <option>Arizona Cardinals</option>
-                                                    <option>St. Louis Rams</option>
-                                                    <option>San Francisco 49ers</option>
-                                                    <option>Seattle Seahawks</option>
-                                                </select>
-    
-                                            </div> <!-- end col -->
-
-                                            <div class="col-md-4">
-                                                <p class="mb-1 mt-3 mt-md-0 font-weight-medium">Grouped Options</p>
-                                                <p class="text-muted font-13">
-                                                    Use a <code>
-                                                        &lt;select multiple /&gt;</code>
-                                                        as your input element for a tags input, to gain true multivalue support.        
-                                                </p>
-            
-                                                <select multiple="multiple" class="multi-select" id="my_multi_select2" name="my_multi_select2[]" data-plugin="multiselect" data-selectable-optgroup="true">
-                                                    <optgroup label="NFC EAST">
-                                                        <option>Dallas Cowboys</option>
-                                                        <option>New York Giants</option>
-                                                        <option>Philadelphia Eagles</option>
-                                                        <option>Washington Redskins</option>
-                                                    </optgroup>
-                                                    <optgroup label="NFC NORTH">
-                                                        <option>Chicago Bears</option>
-                                                        <option>Detroit Lions</option>
-                                                        <option>Green Bay Packers</option>
-                                                        <option>Minnesota Vikings</option>
-                                                    </optgroup>
-                                                    <optgroup label="NFC SOUTH">
-                                                        <option>Atlanta Falcons</option>
-                                                        <option>Carolina Panthers</option>
-                                                        <option>New Orleans Saints</option>
-                                                        <option>Tampa Bay Buccaneers</option>
-                                                    </optgroup>
-                                                    <optgroup label="NFC WEST">
-                                                        <option>Arizona Cardinals</option>
-                                                        <option>St. Louis Rams</option>
-                                                        <option>San Francisco 49ers</option>
-                                                        <option>Seattle Seahawks</option>
-                                                    </optgroup>
-                                                </select>
-    
-                                            </div> <!-- end col -->
-
-                                            <div class="col-md-4">
-                                                <h5 class="mb-1 mt-3 mt-md-0 font-14">Searchable</h5>
-                                                <p class="text-muted font-13">
-                                                    Use a <code>
-                                                        &lt;select multiple /&gt;</code>
-                                                        as your input element for a tags input, to gain true multivalue support.        
-                                                </p>
-
-                                                <select name="country" class="multi-select" multiple="" id="my_multi_select3" >
-                                                    <option value="AF">Afghanistan</option>
-                                                    <option value="AL">Albania</option>
-                                                    <option value="DZ">Algeria</option>
-                                                    <option value="AS">American Samoa</option>
-                                                    <option value="AD">Andorra</option>
-                                                    <option value="AO">Angola</option>
-                                                    <option value="AI">Anguilla</option>
-                                                    <option value="AQ">Antarctica</option>
-                                                    <option value="AR">Argentina</option>
-                                                    <option value="AM">Armenia</option>
-                                                    <option value="AW">Aruba</option>
-                                                    <option value="AU">Australia</option>
-                                                    <option value="AT">Austria</option>
-                                                    <option value="AZ">Azerbaijan</option>
-                                                    <option value="BS">Bahamas</option>
-                                                    <option value="BH">Bahrain</option>
-                                                    <option value="BD">Bangladesh</option>
-                                                    <option value="BB">Barbados</option>
-                                                    <option value="BY">Belarus</option>
-                                                    <option value="BE">Belgium</option>
-                                                    <option value="BZ">Belize</option>
-                                                    <option value="BJ">Benin</option>
-                                                    <option value="BM">Bermuda</option>
-                                                    <option value="BT">Bhutan</option>
-                                                    <option value="BO">Bolivia</option>
-                                                    <option value="BA">Bosnia and Herzegowina</option>
-                                                    <option value="BW">Botswana</option>
-                                                    <option value="BV">Bouvet Island</option>
-                                                    <option value="BR">Brazil</option>
-                                                    <option value="IO">British Indian Ocean Territory</option>
-                                                    <option value="BN">Brunei Darussalam</option>
-                                                    <option value="BG">Bulgaria</option>
-                                                    <option value="BF">Burkina Faso</option>
-                                                    <option value="BI">Burundi</option>
-                                                    <option value="KH">Cambodia</option>
-                                                    <option value="CM">Cameroon</option>
-                                                    <option value="CA">Canada</option>
-                                                    <option value="CV">Cape Verde</option>
-                                                    <option value="KY">Cayman Islands</option>
-                                                    <option value="CF">Central African Republic</option>
-                                                    <option value="TD">Chad</option>
-                                                    <option value="CL">Chile</option>
-                                                    <option value="CN">China</option>
-                                                    <option value="CX">Christmas Island</option>
-                                                    <option value="CC">Cocos (Keeling) Islands</option>
-                                                    <option value="CO">Colombia</option>
-                                                    <option value="KM">Comoros</option>
-                                                    <option value="CG">Congo</option>
-                                                    <option value="CD">Congo, the Democratic Republic of the</option>
-                                                    <option value="CK">Cook Islands</option>
-                                                    <option value="CR">Costa Rica</option>
-                                                    <option value="CI">Cote d'Ivoire</option>
-                                                    <option value="HR">Croatia (Hrvatska)</option>
-                                                    <option value="CU">Cuba</option>
-                                                    <option value="CY">Cyprus</option>
-                                                    <option value="CZ">Czech Republic</option>
-                                                    <option value="DK">Denmark</option>
-                                                    <option value="DJ">Djibouti</option>
-                                                    <option value="DM">Dominica</option>
-                                                    <option value="DO">Dominican Republic</option>
-                                                    <option value="EC">Ecuador</option>
-                                                    <option value="EG">Egypt</option>
-                                                    <option value="SV">El Salvador</option>
-                                                    <option value="GQ">Equatorial Guinea</option>
-                                                    <option value="ER">Eritrea</option>
-                                                    <option value="EE">Estonia</option>
-                                                    <option value="ET">Ethiopia</option>
-                                                    <option value="FK">Falkland Islands (Malvinas)</option>
-                                                    <option value="FO">Faroe Islands</option>
-                                                    <option value="FJ">Fiji</option>
-                                                    <option value="FI">Finland</option>
-                                                    <option value="FR">France</option>
-                                                    <option value="GF">French Guiana</option>
-                                                    <option value="PF">French Polynesia</option>
-                                                    <option value="TF">French Southern Territories</option>
-                                                    <option value="GA">Gabon</option>
-                                                    <option value="GM">Gambia</option>
-                                                    <option value="GE">Georgia</option>
-                                                    <option value="DE">Germany</option>
-                                                    <option value="GH">Ghana</option>
-                                                    <option value="GI">Gibraltar</option>
-                                                    <option value="GR">Greece</option>
-                                                    <option value="GL">Greenland</option>
-                                                    <option value="GD">Grenada</option>
-                                                    <option value="GP">Guadeloupe</option>
-                                                    <option value="GU">Guam</option>
-                                                    <option value="GT">Guatemala</option>
-                                                    <option value="GN">Guinea</option>
-                                                    <option value="GW">Guinea-Bissau</option>
-                                                    <option value="GY">Guyana</option>
-                                                    <option value="HT">Haiti</option>
-                                                    <option value="HM">Heard and Mc Donald Islands</option>
-                                                    <option value="VA">Holy See (Vatican City State)</option>
-                                                    <option value="HN">Honduras</option>
-                                                    <option value="HK">Hong Kong</option>
-                                                    <option value="HU">Hungary</option>
-                                                    <option value="IS">Iceland</option>
-                                                    <option value="IN">India</option>
-                                                    <option value="ID">Indonesia</option>
-                                                    <option value="IR">Iran (Islamic Republic of)</option>
-                                                    <option value="IQ">Iraq</option>
-                                                    <option value="IE">Ireland</option>
-                                                    <option value="IL">Israel</option>
-                                                    <option value="IT">Italy</option>
-                                                    <option value="JM">Jamaica</option>
-                                                    <option value="JP">Japan</option>
-                                                    <option value="JO">Jordan</option>
-                                                    <option value="KZ">Kazakhstan</option>
-                                                    <option value="KE">Kenya</option>
-                                                    <option value="KI">Kiribati</option>
-                                                    <option value="KP">Korea, Democratic People's Republic of</option>
-                                                    <option value="KR">Korea, Republic of</option>
-                                                    <option value="KW">Kuwait</option>
-                                                    <option value="KG">Kyrgyzstan</option>
-                                                    <option value="LA">Lao People's Democratic Republic</option>
-                                                    <option value="LV">Latvia</option>
-                                                    <option value="LB">Lebanon</option>
-                                                    <option value="LS">Lesotho</option>
-                                                    <option value="LR">Liberia</option>
-                                                    <option value="LY">Libyan Arab Jamahiriya</option>
-                                                    <option value="LI">Liechtenstein</option>
-                                                    <option value="LT">Lithuania</option>
-                                                    <option value="LU">Luxembourg</option>
-                                                    <option value="MO">Macau</option>
-                                                    <option value="MK">Macedonia, The Former Yugoslav Republic of</option>
-                                                    <option value="MG">Madagascar</option>
-                                                    <option value="MW">Malawi</option>
-                                                    <option value="MY">Malaysia</option>
-                                                    <option value="MV">Maldives</option>
-                                                    <option value="ML">Mali</option>
-                                                    <option value="MT">Malta</option>
-                                                    <option value="MH">Marshall Islands</option>
-                                                    <option value="MQ">Martinique</option>
-                                                    <option value="MR">Mauritania</option>
-                                                    <option value="MU">Mauritius</option>
-                                                    <option value="YT">Mayotte</option>
-                                                    <option value="MX">Mexico</option>
-                                                    <option value="FM">Micronesia, Federated States of</option>
-                                                    <option value="MD">Moldova, Republic of</option>
-                                                    <option value="MC">Monaco</option>
-                                                    <option value="MN">Mongolia</option>
-                                                    <option value="MS">Montserrat</option>
-                                                    <option value="MA">Morocco</option>
-                                                    <option value="MZ">Mozambique</option>
-                                                    <option value="MM">Myanmar</option>
-                                                    <option value="NA">Namibia</option>
-                                                    <option value="NR">Nauru</option>
-                                                    <option value="NP">Nepal</option>
-                                                    <option value="NL">Netherlands</option>
-                                                    <option value="AN">Netherlands Antilles</option>
-                                                    <option value="NC">New Caledonia</option>
-                                                    <option value="NZ">New Zealand</option>
-                                                    <option value="NI">Nicaragua</option>
-                                                    <option value="NE">Niger</option>
-                                                    <option value="NG">Nigeria</option>
-                                                    <option value="NU">Niue</option>
-                                                    <option value="NF">Norfolk Island</option>
-                                                    <option value="MP">Northern Mariana Islands</option>
-                                                    <option value="NO">Norway</option>
-                                                    <option value="OM">Oman</option>
-                                                    <option value="PK">Pakistan</option>
-                                                    <option value="PW">Palau</option>
-                                                    <option value="PA">Panama</option>
-                                                    <option value="PG">Papua New Guinea</option>
-                                                    <option value="PY">Paraguay</option>
-                                                    <option value="PE">Peru</option>
-                                                    <option value="PH">Philippines</option>
-                                                    <option value="PN">Pitcairn</option>
-                                                    <option value="PL">Poland</option>
-                                                    <option value="PT">Portugal</option>
-                                                    <option value="PR">Puerto Rico</option>
-                                                    <option value="QA">Qatar</option>
-                                                    <option value="RE">Reunion</option>
-                                                    <option value="RO">Romania</option>
-                                                    <option value="RU">Russian Federation</option>
-                                                    <option value="RW">Rwanda</option>
-                                                    <option value="KN">Saint Kitts and Nevis</option>
-                                                    <option value="LC">Saint LUCIA</option>
-                                                    <option value="VC">Saint Vincent and the Grenadines</option>
-                                                    <option value="WS">Samoa</option>
-                                                    <option value="SM">San Marino</option>
-                                                    <option value="ST">Sao Tome and Principe</option>
-                                                    <option value="SA">Saudi Arabia</option>
-                                                    <option value="SN">Senegal</option>
-                                                    <option value="SC">Seychelles</option>
-                                                    <option value="SL">Sierra Leone</option>
-                                                    <option value="SG">Singapore</option>
-                                                    <option value="SK">Slovakia (Slovak Republic)</option>
-                                                    <option value="SI">Slovenia</option>
-                                                    <option value="SB">Solomon Islands</option>
-                                                    <option value="SO">Somalia</option>
-                                                    <option value="ZA">South Africa</option>
-                                                    <option value="GS">South Georgia and the South Sandwich Islands</option>
-                                                    <option value="ES">Spain</option>
-                                                    <option value="LK">Sri Lanka</option>
-                                                    <option value="SH">St. Helena</option>
-                                                    <option value="PM">St. Pierre and Miquelon</option>
-                                                    <option value="SD">Sudan</option>
-                                                    <option value="SR">Suriname</option>
-                                                    <option value="SJ">Svalbard and Jan Mayen Islands</option>
-                                                    <option value="SZ">Swaziland</option>
-                                                    <option value="SE">Sweden</option>
-                                                    <option value="CH">Switzerland</option>
-                                                    <option value="SY">Syrian Arab Republic</option>
-                                                    <option value="TW">Taiwan, Province of China</option>
-                                                    <option value="TJ">Tajikistan</option>
-                                                    <option value="TZ">Tanzania, United Republic of</option>
-                                                    <option value="TH">Thailand</option>
-                                                    <option value="TG">Togo</option>
-                                                    <option value="TK">Tokelau</option>
-                                                    <option value="TO">Tonga</option>
-                                                    <option value="TT">Trinidad and Tobago</option>
-                                                    <option value="TN">Tunisia</option>
-                                                    <option value="TR">Turkey</option>
-                                                    <option value="TM">Turkmenistan</option>
-                                                    <option value="TC">Turks and Caicos Islands</option>
-                                                    <option value="TV">Tuvalu</option>
-                                                    <option value="UG">Uganda</option>
-                                                    <option value="UA">Ukraine</option>
-                                                    <option value="AE">United Arab Emirates</option>
-                                                    <option value="GB">United Kingdom</option>
-                                                    <option value="US">United States</option>
-                                                    <option value="UM">United States Minor Outlying Islands</option>
-                                                    <option value="UY">Uruguay</option>
-                                                    <option value="UZ">Uzbekistan</option>
-                                                    <option value="VU">Vanuatu</option>
-                                                    <option value="VE">Venezuela</option>
-                                                    <option value="VN">Viet Nam</option>
-                                                    <option value="VG">Virgin Islands (British)</option>
-                                                    <option value="VI">Virgin Islands (U.S.)</option>
-                                                    <option value="WF">Wallis and Futuna Islands</option>
-                                                    <option value="EH">Western Sahara</option>
-                                                    <option value="YE">Yemen</option>
-                                                    <option value="ZM">Zambia</option>
-                                                    <option value="ZW">Zimbabwe</option>
-                                                </select>
-                                            </div>
-                                        </div> <!-- end row -->
-
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div> 
-                        <!-- end row-->
-
-                         <!-- Bootstrap-select -->
-                         <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bootstrap-select</h4>
-                                        <p class="sub-header">
-                                            The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more. Now with Bootstrap 4 support.
-                                        </p>
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <p class="text-muted font-13">
-                                                    Create your <code>&lt;select&gt;</code> with the <code>.selectpicker</code> class.
-                                                </p>
-                                                <select class="selectpicker" data-style="btn-light">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-
-                                                <p class="text-muted mt-3 font-13">
-                                                    It also works with option groups:
-                                                </p>
-                                                <select class="selectpicker" data-style="btn-light">
-                                                    <optgroup label="Picnic">
-                                                        <option>Mustard</option>
-                                                        <option>Ketchup</option>
-                                                        <option>Relish</option>
-                                                    </optgroup>
-                                                    <optgroup label="Camping">
-                                                        <option>Tent</option>
-                                                        <option>Flashlight</option>
-                                                        <option>Toilet Paper</option>
-                                                    </optgroup>
-                                                </select>
-
-                                                <p class="text-muted mt-3 font-13">
-                                                    You can also show the tick icon on single <code>select</code> with the <code>show-tick</code> class:
-                                                </p>
-
-                                                <select class="selectpicker show-tick" data-style="btn-light">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-
-                                                <p class="text-muted mt-3 font-13">
-                                                    And with multiple selects:
-                                                </p>
-                                                <select class="selectpicker" multiple data-style="btn-light">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-
-                                                <p class="text-muted mt-3 font-13">
-                                                    You can limit the number of elements you are allowed to select via the
-                                                    <code>
-                                                        data-max-option
-                                                    </code>
-                                                    attribute. It also works for option groups.
-                                                </p>
-
-                                                <select class="selectpicker mb-0" multiple data-max-options="2" data-style="btn-light">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-                                            </div>
-                                            <!-- end col -->
-
-                                            <div class="col-md-4">
-                                                <p class="text-muted font-13 mt-3 mt-md-0">
-                                                    You can limit the number of elements you are allowed to select via the
-                                                    <code>
-                                                        data-max-option
-                                                    </code>
-                                                    attribute. It also works for option groups.
-                                                </p>
-
-                                                <select class="selectpicker" data-style="btn-outline-primary">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-
-                                                <br />
-                                                <br />
-                                                <select class="selectpicker" data-style="btn-outline-success">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-
-                                                <br />
-                                                <br />
-                                                <select class="selectpicker" data-style="btn-outline-warning">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-
-                                                <br />
-                                                <br />
-                                                <select class="selectpicker" data-style="btn-info">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-
-                                                <br />
-                                                <br />
-                                                <select class="selectpicker" data-style="btn-danger">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-
-                                                <br />
-                                                <br />
-                                                <select class="selectpicker" data-style="btn-blue">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-
-                                                <p class="text-muted mt-3 font-13">
-                                                    Add an icon to an option or optgroup with the <code>data-icon</code> attribute:
-                                                </p>
-                                                <select class="selectpicker mb-0" data-style="btn-pink">
-                                                    <option data-icon="mdi mdi-camera-iris mr-1">Mustard</option>
-                                                    <option data-icon="mdi mdi-cards-club mr-1">Ketchup</option>
-                                                    <option data-icon="mdi mdi-cart-outline mr-1">Relish</option>
-                                                    <option data-icon="mdi mdi-checkerboard mr-1">Mayonnaise</option>
-                                                    <option data-icon="mdi mdi-coffee-outline mr-1">Barbecue Sauce</option>
-                                                </select>
-
-                                            </div>
-                                            <!-- end col-->
-
-                                            <div class="col-md-4">
-                                                <p class="text-muted font-13 mt-3 mt-md-0">
-                                                    You can add a search input by passing <code>data-live-search="true"</code> attribute:
-                                                </p>
-
-                                                <select class="selectpicker" data-live-search="true"  data-style="btn-light">
-                                                    <option>Hot Dog, Fries and a Soda</option>
-                                                    <option>Burger, Shake and a Smile</option>
-                                                    <option>Sugar, Spice and all things nice</option>
-                                                </select>
-
-                                                <p class="text-muted mt-3 font-13">
-                                                    You can also use the <code>
-                                                    title</code> attribute as an alternative to display when the option is
-                                                    selected:
-                                                </p>
-
-                                                <select class="selectpicker" data-live-search="true" data-style="btn-light">
-                                                    <option title="Combo 1">Hot Dog, Fries and a Soda</option>
-                                                    <option title="Combo 2">Burger, Shake and a Smile</option>
-                                                    <option title="Combo 3">Sugar, Spice and all things nice</option>
-                                                </select>
-
-                                                <p class="text-muted mt-3 font-13">
-                                                    Using the <code>data-selected-text-format</code> attribute on a <code>multiple select</code>
-                                                    you can specify how the selection is displayed.
-                                                </p>
-
-                                                <select class="selectpicker" multiple data-selected-text-format="count" data-style="btn-light">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-
-                                                <br/>
-                                                <br/>
-                                                <select class="selectpicker" multiple data-selected-text-format="count > 3" data-style="btn-light">
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                    <option>Onions</option>
-                                                </select>
-
-                                                <p class="text-muted mt-3 font-13">
-                                                    Add the <code>disabled</code> attribute to the select to apply the <code>disabled</code> class.
-                                                </p>
-                                                <select class="selectpicker m-b-0" data-style="btn-light" disabled>
-                                                    <option>Mustard</option>
-                                                    <option>Ketchup</option>
-                                                    <option>Relish</option>
-                                                </select>
-                                            </div>
-                                            <!-- end col -->
-                                        </div> <!-- end row -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bootstrap Touchspin</h4>
-                                        <p class="text-muted font-14 mb-3">
-                                            A mobile and touch friendly input spinner component for Bootstrap.
-                                            Specify attribute <code>data-toggle="touchspin"</code> and your input would be conveterted into touch friendly spinner. 
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-lg-6">
-                                                <div class="form-group mb-3">
-                                                    <label>Using data attributes</label>
-                                                    <input data-toggle="touchspin" type="text" value="55">
-                                                </div>
-
-                                                <div class="form-group mb-3">
-                                                    <label>Example with postfix (large)</label>
-                                                    <input data-toggle="touchspin" value="18.20" type="text" data-step="0.1" data-decimals="2" data-bts-postfix="%">
-                                                </div>
-
-                                                <div class="form-group mb-3">
-                                                    <label>With prefix</label>
-                                                    <input data-toggle="touchspin" type="text" data-bts-prefix="$">
-                                                </div>
-
-                                                <div class="form-group mb-0">
-                                                    <label>Change button class</label>
-                                                    <input data-toggle="touchspin" value="77" type="text" data-bts-button-down-class="btn btn-danger" data-bts-button-up-class="btn btn-info">
-                                                </div>
-                                            </div> <!-- end col -->
-
-                                            <div class="col-lg-6 mt-3 mt-lg-0">
-                                                <div class="form-group mb-3">
-                                                    <label>Init with empty value:</label>
-                                                    <input data-toggle="touchspin" type="text">
-                                                </div>
-
-                                                <div class="form-group mb-3">
-                                                    <label>Max value - (Default value 100)</label>
-                                                    <input data-toggle="touchspin" data-bts-max="500" value="128" data-btn-vertical="true" type="text">
-                                                </div>
-
-                                                <div class="form-group mb-0">
-                                                    <label>With prefix and postfix button</label>
-                                                    <input data-toggle="touchspin" data-bts-prefix="A Button" data-bts-prefix-extra-class="btn btn-light"  data-bts-postfix="A Button" data-bts-postfix-extra-class="btn btn-light" type="text">
-                                                </div>
-                                            </div> <!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins Js -->
-        <script src="../assets/libs/selectize/js/standalone/selectize.min.js"></script>
-        <script src="../assets/libs/mohithg-switchery/switchery.min.js"></script>
-        <script src="../assets/libs/multiselect/js/jquery.multi-select.js"></script>
-        <script src="../assets/libs/jquery.quicksearch/jquery.quicksearch.min.js"></script>
-        <script src="../assets/libs/select2/js/select2.min.js"></script>
-        <script src="../assets/libs/bootstrap-select/js/bootstrap-select.min.js"></script>
-        <script src="../assets/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js"></script>
-        <script src="../assets/libs/bootstrap-maxlength/bootstrap-maxlength.min.js"></script>
-
-        <!-- init js -->
-        <script src="../assets/js/pages/form-advanced.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/forms-elements.html b/public/modern/forms-elements.html
deleted file mode 100644
index 23c7e33..0000000
--- a/public/modern/forms-elements.html
+++ /dev/null
@@ -1,2244 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form Elements | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Form Elements</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
-                                            <li class="breadcrumb-item active">Form Elements</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Input Types</h4>
-                                        <p class="sub-header">
-                                            Most common form control, text-based input fields. Includes support for all HTML5 types: <code>text</code>, <code>password</code>, <code>datetime</code>, <code>datetime-local</code>, <code>date</code>, <code>month</code>, <code>time</code>, <code>week</code>, <code>number</code>, <code>email</code>, <code>url</code>, <code>search</code>, <code>tel</code>, and <code>color</code>.
-                                        </p>
-    
-                                        <div class="row">
-                                            <div class="col-12">
-                                                <div class="p-2">
-                                                    <form class="form-horizontal" role="form">
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="simpleinput">Text</label>
-                                                            <div class="col-sm-10">
-                                                                <input type="text" id="simpleinput" class="form-control" value="Some text value...">
-                                                            </div>
-                                                        </div>
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-email">Email</label>
-                                                            <div class="col-sm-10">
-                                                                <input type="email" id="example-email" name="example-email" class="form-control" placeholder="Email">
-                                                            </div>
-                                                        </div>
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-password">Password</label>
-                                                            <div class="col-sm-10">
-                                                                <input type="password" class="form-control" id="example-password" value="password">
-                                                            </div>
-                                                        </div>
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="password">Show/Hide Password</label>
-                                                            <div class="col-sm-10">
-                                                                <div class="input-group input-group-merge">
-                                                                    <input type="password" id="password" class="form-control" placeholder="Enter your password">
-                                                                    <div class="input-group-append" data-password="false">
-                                                                        <div class="input-group-text">
-                                                                            <span class="password-eye"></span>
-                                                                        </div>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-placeholder">Placeholder</label>
-                                                            <div class="col-sm-10">
-                                                                <input type="text" class="form-control" id="example-placeholder" placeholder="placeholder">
-                                                            </div>
-                                                        </div>
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-textarea">Text area</label>
-                                                            <div class="col-sm-10">
-                                                                <textarea class="form-control" id="example-textarea" rows="5"></textarea>
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label">Readonly</label>
-                                                            <div class="col-sm-10">
-                                                                <input type="text" class="form-control" readonly="" value="Readonly value">
-                                                            </div>
-                                                        </div>
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label">Disabled</label>
-                                                            <div class="col-sm-10">
-                                                                <input type="text" class="form-control" disabled="" value="Disabled value">
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2  col-form-label" for="example-static">Static control</label>
-                                                            <div class="col-sm-10">
-                                                                <input type="text" readonly="" class="form-control-plaintext" id="example-static" value="email@example.com">
-                                                            </div>
-                                                        </div>
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-helping">Helping text</label>
-                                                            <div class="col-sm-10">
-                                                                <input type="text" class="form-control" id="example-helping" placeholder="Helping text">
-                                                                <span class="help-block"><small>A block of help text that breaks onto a new line and may extend beyond one line.</small></span>
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label">Input Select</label>
-                                                            <div class="col-sm-10">
-                                                                <select class="form-control">
-                                                                    <option>1</option>
-                                                                    <option>2</option>
-                                                                    <option>3</option>
-                                                                    <option>4</option>
-                                                                    <option>5</option>
-                                                                </select>
-                                                                <h6>Multiple select</h6>
-                                                                <select multiple class="form-control">
-                                                                    <option>1</option>
-                                                                    <option>2</option>
-                                                                    <option>3</option>
-                                                                    <option>4</option>
-                                                                    <option>5</option>
-                                                                </select>
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-fileinput">Default file input</label>
-                                                            <div class="col-sm-10">
-                                                                <input type="file" class="form-control" id="example-fileinput">
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-date">Date</label>
-                                                            <div class="col-sm-10">
-                                                                <input class="form-control" type="date" name="date" id="example-date">
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-month">Month</label>
-                                                            <div class="col-md-10">
-                                                                <input class="form-control" type="month" id="example-month" name="month">
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-time">Time</label>
-                                                            <div class="col-md-10">
-                                                                <input class="form-control" type="time" id="example-time" name="time">
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-week">Week</label>
-                                                            <div class="col-md-10">
-                                                                <input class="form-control" type="week" id="example-week" name="week">
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-number">Number</label>
-                                                            <div class="col-md-10">
-                                                                <input class="form-control" type="number" id="example-number" name="number">
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label">URL</label>
-                                                            <div class="col-md-10">
-                                                                <input class="form-control" type="url" name="url">
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label">Search</label>
-                                                            <div class="col-md-10">
-                                                                <input class="form-control" type="search" name="search">
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label">Tel</label>
-                                                            <div class="col-md-10">
-                                                                <input class="form-control" type="tel" name="tel">
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row">
-                                                            <label class="col-sm-2 col-form-label" for="example-color">Color</label>
-                                                            <div class="col-md-10">
-                                                                <input class="form-control" type="color" id="example-color" name="color" value="#3bafda" >
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row mb-0">
-                                                            <label class="col-sm-2 col-form-label" for="example-custom-range">Custom range</label>
-                                                            <div class="col-md-10 align-self-center">
-                                                                <input class="custom-range" type="range" id="example-custom-range" name="range" min="0" max="10">
-                                                            </div>
-                                                        </div>
-    
-                                                    </form>
-                                                </div>
-                                            </div>
-    
-                                        </div>
-                                        <!-- end row -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                        <div class="col-md-6">
-                                            <h4 class="header-title">Select Menu</h4>
-                                            <p class="sub-header">
-                                                Custom <code>&lt;select&gt;</code> menus need only a custom class, <code>.custom-select</code> to trigger the custom styles.
-                                            </p>
-
-                                            <select class="custom-select">
-                                                <option selected>Open this select menu</option>
-                                                <option value="1">One</option>
-                                                <option value="2">Two</option>
-                                                <option value="3">Three</option>
-                                            </select>
-                                            
-                                            <h4 class="header-title mt-4">Switches</h4>
-                                            <p class="sub-header">
-                                                A switch has the markup of a custom checkbox but uses the <code>.custom-switch</code> class to render a toggle switch. Switches also support the <code>disabled</code> attribute.
-                                            </p>
-
-                                            <div class="custom-control custom-switch">
-                                                <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
-                                                <label class="custom-control-label" for="customSwitch1">Toggle this switch element</label>
-                                            </div>
-                                            <div class="custom-control custom-switch mt-1">
-                                                <input type="checkbox" class="custom-control-input" disabled id="customSwitch2">
-                                                <label class="custom-control-label" for="customSwitch2">Disabled switch element</label>
-                                            </div>
-
-                                        </div>
-
-                                        <div class="col-md-6">
-                                            <h4 class="header-title">Checkboxes and radios</h4>
-                                            <div class="mt-3">
-                                                <div class="custom-control custom-checkbox">
-                                                    <input type="checkbox" class="custom-control-input" id="customCheck1" checked>
-                                                    <label class="custom-control-label" for="customCheck1">Check this custom checkbox</label>
-                                                </div>
-                                                <div class="custom-control custom-checkbox">
-                                                    <input type="checkbox" class="custom-control-input" id="customCheck2">
-                                                    <label class="custom-control-label" for="customCheck2">Check this custom checkbox</label>
-                                                </div>
-                                            </div>
-                                            <div class="mt-3">
-                                                <div class="custom-control custom-radio">
-                                                    <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input" checked>
-                                                    <label class="custom-control-label" for="customRadio1">Toggle this custom radio</label>
-                                                </div>
-                                                <div class="custom-control custom-radio">
-                                                    <input type="radio" id="customRadio2" name="customRadio" class="custom-control-input">
-                                                    <label class="custom-control-label" for="customRadio2">Or toggle this other custom radio</label>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Input Sizes & Group</h4>
-                                        <p class="sub-header">
-                                            Set heights using classes like <code>.input-lg</code>, and set widths using grid column classes like <code>.col-lg-*</code>.
-                                        </p>
-    
-                                        <div class="p-2">
-                                            <form role="form" class="form-horizontal">
-                                                <div class="form-group row">
-                                                    <label class="col-sm-2 col-form-label" for="example-input-small">Small</label>
-                                                    <div class="col-sm-10">
-                                                        <input type="text" id="example-input-small" name="example-input-small" class="form-control form-control-sm" placeholder=".input-sm">
-                                                    </div>
-                                                </div>
-    
-                                                <div class="form-group row">
-                                                    <label class="col-sm-2 col-form-label" for="example-input-normal">Normal</label>
-                                                    <div class="col-sm-10">
-                                                        <input type="text" id="example-input-normal" name="example-input-normal" class="form-control" placeholder="Normal">
-                                                    </div>
-                                                </div>
-    
-                                                <div class="form-group row">
-                                                    <label class="col-sm-2 col-form-label" for="example-input-large">Large</label>
-                                                    <div class="col-sm-10">
-                                                        <input type="text" id="example-input-large" name="example-input-large" class="form-control form-control-lg" placeholder=".input-lg">
-                                                    </div>
-                                                </div>
-    
-                                                <div class="form-group row">
-                                                    <label class="col-sm-2 col-form-label">Grid Sizes</label>
-                                                    <div class="col-sm-4">
-                                                        <input type="text" class="form-control" placeholder=".col-sm-4">
-                                                    </div>
-                                                </div>
-    
-                                                <div class="form-group row">
-                                                    <label class="col-sm-2 col-form-label">Static</label>
-                                                    <div class="col-sm-10">
-                                                        <div class="input-group">
-                                                            <div class="input-group-prepend">
-                                                                <span class="input-group-text" id="basic-addon1">@</span>
-                                                            </div>
-                                                            <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
-                                                        </div>
-                                                    </div>
-                                                </div>
-    
-                                                <div class="form-group row">
-                                                    <label class="col-sm-2 col-form-label">Dropdowns</label>
-                                                    <div class="col-sm-10">
-                                                        <div class="input-group mb-3">
-                                                            <div class="input-group-prepend">
-                                                                <button class="btn btn-primary waves-effect waves-light dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown <i class="mdi mdi-chevron-down"></i></button>
-                                                                <div class="dropdown-menu">
-                                                                    <a class="dropdown-item" href="#">Action</a>
-                                                                    <a class="dropdown-item" href="#">Another action</a>
-                                                                    <a class="dropdown-item" href="#">Something else here</a>
-                                                                    <div role="separator" class="dropdown-divider"></div>
-                                                                    <a class="dropdown-item" href="#">Separated link</a>
-                                                                </div>
-                                                            </div>
-                                                            <input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1">
-                                                        </div>
-    
-                                                    </div>
-                                                </div>
-    
-                                                <div class="form-group row mb-0">
-                                                    <label class="col-sm-2 col-form-label">Buttons</label>
-                                                    <div class="col-sm-10">
-                                                        <div class="input-group">
-                                                            <input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
-                                                            <div class="input-group-append">
-                                                                <button class="btn btn-dark waves-effect waves-light" type="button">Button</button>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-    
-                                            </form>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Basic Example</h4>
-
-                                        <form role="form">
-                                            <div class="form-group">
-                                                <label for="exampleInputEmail1">Email address</label>
-                                                <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
-                                                <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
-                                            </div>
-                                            <div class="form-group">
-                                                <label for="exampleInputPassword1">Password</label>
-                                                <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
-                                            </div>
-                                            <div class="form-group mb-3">
-                                                <div class="custom-control custom-checkbox">
-                                                    <input type="checkbox" class="custom-control-input" id="checkmeout0">
-                                                    <label class="custom-control-label" for="checkmeout0">Check me out !</label>
-                                                </div>
-                                            </div>
-                                            <button type="submit" class="btn btn-primary">Submit</button>
-                                        </form>
-                                    </div>
-                                </div>
-                            </div>
-                            <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Horizontal form</h4>
-
-                                        <form class="form-horizontal" role="form">
-                                            <div class="form-group row mb-3">
-                                                <label for="inputEmail3" class="col-sm-3 col-form-label">Email</label>
-                                                <div class="col-sm-9">
-                                                    <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
-                                                </div>
-                                            </div>
-                                            <div class="form-group row mb-3">
-                                                <label for="inputPassword3" class="col-sm-3 col-form-label">Password</label>
-                                                <div class="col-sm-9">
-                                                    <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
-                                                </div>
-                                            </div>
-                                            <div class="form-group row mb-3">
-                                                <label for="inputPassword5" class="col-sm-3 col-form-label">Re Password</label>
-                                                <div class="col-sm-9">
-                                                    <input type="password" class="form-control" id="inputPassword5" placeholder="Retype Password">
-                                                </div>
-                                            </div>
-                                            <div class="form-group row justify-content-end mb-3">
-                                                <div class="col-sm-9">
-                                                    <div class="custom-control custom-checkbox">
-                                                        <input type="checkbox" class="custom-control-input" id="checkmeout">
-                                                        <label class="custom-control-label" for="checkmeout">Check me out !</label>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="form-group mb-0 justify-content-end row">
-                                                <div class="col-sm-9">
-                                                    <button type="submit" class="btn btn-info waves-effect waves-light">Sign in</button>
-                                                </div>
-                                            </div>
-                                        </form>
-                                    </div>
-                                </div>
-                            </div>
-
-                        </div>
-                        <!-- end row -->
-
-
-                        <!-- Inline Form -->
-                        <div class="row">
-                            <div class="col-md-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Inline Form</h4>
-                                        <p class="sub-header">
-                                            Add <code>.form-inline</code> to your form (which doesn't have to be a <code>&lt;form&gt;</code>)
-                                            for left-aligned and inline-block controls. <strong>This only applies to forms within viewports
-                                            that are at least 768px wide.</strong>
-                                        </p>
-                                        <div class="row">
-                                            <div class="col-sm-12">
-                                                <form class="form-inline">
-                                                    <div class="form-group">
-                                                        <label for="staticEmail2" class="sr-only">Email</label>
-                                                        <input type="text" readonly class="form-control-plaintext" id="staticEmail2" value="email@example.com">
-                                                    </div>
-                                                    <div class="form-group mx-sm-3">
-                                                        <label for="inputPassword2" class="sr-only">Password</label>
-                                                        <input type="password" class="form-control" id="inputPassword2" placeholder="Password">
-                                                    </div>
-                                                    <button type="submit" class="btn btn-primary">Confirm identity</button>
-                                                </form>
-                                            </div>
-    
-                                        </div>
-    
-                                        <div class="row">
-    
-                                            <div class="col-sm-12">
-                                                <h6 class="font-13 mt-4">Auto-sizing</h6>
-    
-                                                <form>
-                                                    <div class="form-row align-items-center">
-                                                        <div class="col-auto">
-                                                            <label class="sr-only" for="inlineFormInput">Name</label>
-                                                            <input type="text" class="form-control mb-2" id="inlineFormInput" placeholder="Jane Doe">
-                                                        </div>
-                                                        <div class="col-auto">
-                                                            <label class="sr-only" for="inlineFormInputGroup">Username</label>
-                                                            <div class="input-group mb-2">
-                                                                <div class="input-group-prepend">
-                                                                    <div class="input-group-text">@</div>
-                                                                </div>
-                                                                <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Username">
-                                                            </div>
-                                                        </div>
-                                                        <div class="col-auto">
-                                                            <div class="custom-control custom-checkbox mb-2">
-                                                                <input type="checkbox" class="custom-control-input" id="autoSizingCheck">
-                                                                <label class="custom-control-label" for="autoSizingCheck">Remember me</label>
-                                                            </div>
-                                                        </div>
-                                                        <div class="col-auto">
-                                                            <button type="submit" class="btn btn-primary mb-2">Submit</button>
-                                                        </div>
-                                                    </div>
-                                                </form>
-                                            </div>
-    
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-
-
-                        <!-- Form row -->
-                        <div class="row">
-                            <div class="col-md-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Form row</h4>
-                                        <p class="sub-header">
-                                            You may also swap <code class="highlighter-rouge">.row</code> for <code class="highlighter-rouge">.form-row</code>, a variation of our standard grid row that overrides the default column gutters for tighter and more compact layouts.
-                                        </p>
-
-                                        <form>
-                                            <div class="form-row">
-                                                <div class="form-group col-md-6">
-                                                    <label for="inputEmail4" class="col-form-label">Email</label>
-                                                    <input type="email" class="form-control" id="inputEmail4" placeholder="Email">
-                                                </div>
-                                                <div class="form-group col-md-6">
-                                                    <label for="inputPassword4" class="col-form-label">Password</label>
-                                                    <input type="password" class="form-control" id="inputPassword4" placeholder="Password">
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label for="inputAddress" class="col-form-label">Address</label>
-                                                <input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
-                                            </div>
-                                            <div class="form-group">
-                                                <label for="inputAddress2" class="col-form-label">Address 2</label>
-                                                <input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
-                                            </div>
-                                            <div class="form-row">
-                                                <div class="form-group col-md-6">
-                                                    <label for="inputCity" class="col-form-label">City</label>
-                                                    <input type="text" class="form-control" id="inputCity">
-                                                </div>
-                                                <div class="form-group col-md-4">
-                                                    <label for="inputState" class="col-form-label">State</label>
-                                                    <select id="inputState" class="form-control">
-                                                        <option>Choose</option>
-                                                        <option>Option 1</option>
-                                                        <option>Option 2</option>
-                                                        <option>Option 3</option>
-
-                                                    </select>
-                                                </div>
-                                                <div class="form-group col-md-2">
-                                                    <label for="inputZip" class="col-form-label">Zip</label>
-                                                    <input type="text" class="form-control" id="inputZip">
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <div class="custom-control custom-checkbox">
-                                                    <input type="checkbox" class="custom-control-input" id="customCheck11">
-                                                    <label class="custom-control-label" for="customCheck11">Check this custom checkbox</label>
-                                                </div>
-                                            </div>
-                                            <button type="submit" class="btn btn-primary">Sign in</button>
-                                        </form>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/forms-file-uploads.html b/public/modern/forms-file-uploads.html
deleted file mode 100644
index ce1b237..0000000
--- a/public/modern/forms-file-uploads.html
+++ /dev/null
@@ -1,1747 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>File Uploads | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Plugins css -->
-        <link href="../assets/libs/dropzone/min/dropzone.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">File Uploads</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
-                                            <li class="breadcrumb-item active">File Uploads</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Dropzone File Upload</h4>
-                                        <p class="sub-header">
-                                            DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.
-                                        </p>
-            
-                                        <form action="/" method="post" class="dropzone" id="myAwesomeDropzone" data-plugin="dropzone" data-previews-container="#file-previews"
-                                            data-upload-preview-template="#uploadPreviewTemplate">
-                                            <div class="fallback">
-                                                <input name="file" type="file" multiple />
-                                            </div>
-
-                                            <div class="dz-message needsclick">
-                                                <i class="h1 text-muted ri-upload-cloud-2-line"></i>
-                                                <h3>Drop files here or click to upload.</h3>
-                                                <span class="text-muted font-13">(This is just a demo dropzone. Selected files are
-                                                    <strong>not</strong> actually uploaded.)</span>
-                                            </div>
-                                        </form>
-
-                                        <!-- Preview -->
-                                        <div class="dropzone-previews mt-3" id="file-previews"></div>  
-
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <!-- file preview template -->
-                        <div class="d-none" id="uploadPreviewTemplate">
-                            <div class="card mt-1 mb-0 shadow-none border">
-                                <div class="p-2">
-                                    <div class="row align-items-center">
-                                        <div class="col-auto">
-                                            <img data-dz-thumbnail src="#" class="avatar-sm rounded bg-light" alt="">
-                                        </div>
-                                        <div class="col pl-0">
-                                            <a href="javascript:void(0);" class="text-muted font-weight-bold" data-dz-name></a>
-                                            <p class="mb-0" data-dz-size></p>
-                                        </div>
-                                        <div class="col-auto">
-                                            <!-- Button -->
-                                            <a href="" class="btn btn-link btn-lg text-muted" data-dz-remove>
-                                                <i class="fe-x"></i>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js -->
-        <script src="../assets/libs/dropzone/min/dropzone.min.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/form-fileuploads.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/forms-masks.html b/public/modern/forms-masks.html
deleted file mode 100644
index 880b269..0000000
--- a/public/modern/forms-masks.html
+++ /dev/null
@@ -1,1870 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form Masks | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Form Masks</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
-                                            <li class="breadcrumb-item active">Masks</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Input Masks</h4>
-                                        <p class="sub-header">
-                                            A jQuery Plugin to make masks on form fields and HTML elements.
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <form action="#">
-                                                    <div class="form-group">
-                                                        <label>Date</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00/00/0000">
-                                                        <span class="font-13 text-muted">e.g "DD/MM/YYYY"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Hour</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00:00:00">
-                                                        <span class="font-13 text-muted">e.g "HH:MM:SS"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Date & Hour</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00/00/0000 00:00:00">
-                                                        <span class="font-13 text-muted">e.g "DD/MM/YYYY HH:MM:SS"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>ZIP Code</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00000-000">
-                                                        <span class="font-13 text-muted">e.g "xxxxx-xxx"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Crazy Zip Code</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="0-00-00-00">
-                                                        <span class="font-13 text-muted">e.g "x-xx-xx-xx"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Money</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="000.000.000.000.000,00" data-reverse="true">
-                                                        <span class="font-13 text-muted">e.g "Your money"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Money 2</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="#.##0,00" data-reverse="true">
-                                                        <span class="font-13 text-muted">e.g "#.##0,00"</span>
-                                                    </div>
-            
-                                                </form>
-                                            </div> <!-- end col -->
-
-                                            <div class="col-md-6">
-                                                <form action="#">
-                                                    <div class="form-group">
-                                                        <label>Telephone</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="0000-0000">
-                                                        <span class="font-13 text-muted">e.g "xxxx-xxxx"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Telephone with Code Area</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="(00) 0000-0000">
-                                                        <span class="font-13 text-muted">e.g "(xx) xxxx-xxxx"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>US Telephone</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="(000) 000-0000">
-                                                        <span class="font-13 text-muted">e.g "(xxx) xxx-xxxx"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>São Paulo Celphones</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="(00) 00000-0000">
-                                                        <span class="font-13 text-muted">e.g "(xx) xxxxx-xxxx"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>CPF</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="000.000.000-00" data-reverse="true">
-                                                        <span class="font-13 text-muted">e.g "xxx.xxx.xxxx-xx"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>CNPJ</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="00.000.000/0000-00" data-reverse="true">
-                                                        <span class="font-13 text-muted">e.g "xx.xxx.xxx/xxxx-xx"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>IP Address</label>
-                                                        <input type="text" class="form-control" data-toggle="input-mask" data-mask-format="099.099.099.099" data-reverse="true">
-                                                        <span class="font-13 text-muted">e.g "xxx.xxx.xxx.xxx"</span>
-                                                    </div>
-            
-                                                </form>
-                                            </div> <!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div> <!-- end row --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Auto Numberic</h4>
-                                        <p class="sub-header">
-                                            A jQuery Plugin to make masks on form fields and HTML elements.
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <form action="#">
-                                                    <div class="form-group">
-                                                        <label>Default</label>
-                                                        <input type="text" placeholder="" class="form-control autonumber" data-a-sep="." data-a-dec=",">
-                                                        <span class="font-13 text-muted">e.g. "1.234.567.890.123"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Auto Numeric ($)</label>
-                                                        <input type="text" placeholder="" data-a-sign="$ " class="form-control autonumber">
-                                                        <span class="font-13 text-muted">e.g. "$ $ 1,234,567,890,123"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Auto Numeric (€)</label>
-                                                        <input type="text" placeholder="" data-a-sign="€ " class="form-control autonumber">
-                                                        <span class="font-13 text-muted">e.g. "€ 1,234,567,890,123"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Auto Numeric (Rs.)</label>
-                                                        <input type="text" placeholder="" data-a-sign="Rs. " class="form-control autonumber">
-                                                        <span class="font-13 text-muted">e.g. "Rs. 1,234,567,890,123"</span>
-                                                    </div>
-                                                    <div class="form-group m-b-0">
-                                                        <label>4 digit Group (¥)</label>
-                                                        <input type="text" placeholder="" data-d-group="4" data-a-sign="¥ " class="form-control autonumber">
-                                                        <span class="font-13 text-muted">e.g. "¥ 1,2345,6789,0123"</span>
-                                                    </div>
-
-                                                </form>            
-                                            </div> <!-- end col -->
-
-                                            <div class="col-md-6">
-                                                <form action="#">
-                                                    <div class="form-group">
-                                                        <label>Auto Numeric (£)</label>
-                                                        <input type="text" placeholder="" data-a-sign="£ " class="form-control autonumber">
-                                                        <span class="font-13 text-muted">e.g. "£ 1,234,567,890,123"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Auto Numeric (%)</label>
-                                                        <input type="text" placeholder="" data-a-sign="%" data-p-sign="s" class="form-control autonumber">
-                                                        <span class="font-13 text-muted">e.g. "11%"</span>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <label>Maximum Value (0 - 9999)</label>
-                                                        <input type="text" placeholder="" data-v-max="9999" data-v-min="0" class="form-control autonumber">
-                                                        <span class="font-13 text-muted">e.g. "9,999"</span>
-                                                    </div>
-
-                                                    <div class="form-group">
-                                                        <label>Range Value (-99.99 - 1000.00)</label>
-                                                        <input type="text" placeholder="" data-v-min="-99.99" data-v-max="1000.00" class="form-control autonumber">
-                                                        <span class="font-13 text-muted">e.g. "1000 Or -99.99"</span>
-                                                    </div>
-
-                                                    <div class="form-group m-b-0">
-                                                        <label>Bracket Value</label>
-                                                        <input type="text" placeholder="" data-a-sep="." data-a-dec="," data-v-min="-9999.99" data-v-max="0.00" data-n-bracket="(,)" class="form-control autonumber">
-                                                        <span class="font-13 text-muted">e.g. "(9,999.00)"</span>
-                                                    </div>
-
-                                                </form>        
-                                            </div> <!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div> <!-- end row --> 
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js -->
-        <script src="../assets/libs/jquery-mask-plugin/jquery.mask.min.js"></script>
-        <script src="../assets/libs/autonumeric/autoNumeric-min.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/form-masks.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/forms-pickers.html b/public/modern/forms-pickers.html
deleted file mode 100644
index e24435e..0000000
--- a/public/modern/forms-pickers.html
+++ /dev/null
@@ -1,1952 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form Pickers | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Plugins css -->
-        <link href="../assets/libs/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/clockpicker/bootstrap-clockpicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Form Pickers</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
-                                            <li class="breadcrumb-item active">Pickers</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Clock Picker</h4>
-                                        <p class="sub-header">A clock-style timepicker for Bootstrap.</p>
-    
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="form-group mb-3">
-                                                    <label>Default Clock Picker</label>
-                                                    <div class="input-group clockpicker">
-                                                        <input type="text" class="form-control" value="09:30">
-                                                        <div class="input-group-append">
-                                                            <span class="input-group-text"><i class="mdi mdi-clock-outline"></i></span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-    
-                                                <div class="form-group mb-0">
-                                                    <label>Auto close</label>
-                                                    <div class="input-group clockpicker" data-placement="top" data-align="top" data-autoclose="true">
-                                                        <input type="text" class="form-control" value="13:14">
-                                                        <div class="input-group-append">
-                                                            <span class="input-group-text"><i class="mdi mdi-clock-outline"></i></span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end col-->
-                                            <div class="col-md-6">
-                                                <div class="form-group mb-3">
-                                                    <label>Now time</label>
-                                                    <div class="input-group m-b-20">
-                                                        <input class="form-control" id="single-input" type="text" value="" placeholder="Now">
-                                                        <div class="input-group-append">
-                                                            <button type="button" id="check-minutes" class="btn waves-effect waves-light btn-primary">Check the minutes</button>
-                                                        </div>
-                                                    </div>                
-                                                </div>
-    
-                                                <div class="form-group mb-0">
-                                                    <label>Place at left, align the arrow to top </label>
-                                                    <div class="input-group clockpicker" data-placement="top" data-align="top">
-                                                        <input type="text" class="form-control" value="13:14">
-                                                        <div class="input-group-append">
-                                                            <span class="input-group-text"><i class="mdi mdi-clock-outline"></i></span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end col-->
-                                        </div> <!-- end row-->
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Colorpicker</h4>
-                                        <p class="sub-header">Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4</p>
-
-                                        <div class="row">
-                                            <div class="col-lg-6">
-                                                <div>
-                                                    <div class="form-group mb-3">
-                                                        <label>Default</label>
-                                                        <input type="text" id="basic-colorpicker" class="form-control" placeholder="Basic colorpicker">
-                                                    </div>
-            
-                                                    <div class="form-group mb-3">
-                                                        <label>Hexa Color</label>
-                                                        <input type="text" id="hexa-colorpicker" class="form-control" value="#4a81d4">
-                                                    </div>
-            
-                                                    <div class="form-group mb-0">
-                                                        <label>As Component</label>
-                                                        <div id="component-colorpicker" class="input-group" title="Using format option">
-                                                            <input type="text" class="form-control input-lg" value="#3bafda"/>
-                                                            <span class="input-group-append">
-                                                                <span class="input-group-text colorpicker-input-addon"><i></i></span>
-                                                            </span>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-lg-6">
-                                                <div>
-                                                    <div class="form-group mb-3">
-                                                        <label>Horizontal</label>
-                                                        <input type="text" id="horizontal-colorpicker" class="form-control" value="#8fff00">
-                                                    </div>
-            
-                                                    <div class="form-group mb-0">
-                                                        <label>Inline</label>
-                                                        <div id="inline-colorpicker"></div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        
-                                    </div>
-                                </div> <!-- end card-->
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Date Picker</h4>
-                                        <p class="sub-header">
-                                            The datepicker is tied to a standard form input field. Click on the input to open
-                                            an interactive calendar in a small overlay. Click elsewhere on the page or hit the Esc
-                                            key to close. If a date is chosen, feedback is shown as the input's value.
-                                        </p>
-    
-                                        <div class="row">
-                                            <div class="col-lg-8">
-    
-                                                <div class="p-2">
-                                                    <form action="#" class="form-horizontal">
-                                                        <div class="form-group row mb-3">
-                                                            <label class="col-form-label col-sm-3">Default Functionality</label>
-                                                            <div class="col-sm-9">
-                                                                <div class="input-group">
-                                                                    <input type="text" class="form-control" data-provide="datepicker" data-date-format="dd M, yyyy">
-                                                                    <div class="input-group-append">
-                                                                        <span class="input-group-text"><i class="ri-calendar-event-fill"></i></span>
-                                                                    </div>
-                                                                </div>
-                                                                <!-- input-group -->
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row mb-3">
-                                                            <label class="col-form-label col-sm-3">Auto Close</label>
-                                                            <div class="col-sm-9">
-                                                                <div class="input-group">
-                                                                    <input type="text" class="form-control" data-provide="datepicker" data-date-format="dd M, yyyy" data-date-autoclose="true">
-                                                                    <div class="input-group-append">
-                                                                        <span class="input-group-text"><i class="ri-calendar-event-fill"></i></span>
-                                                                    </div>
-                                                                </div><!-- input-group -->
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row mb-3">
-                                                            <label class="col-form-label col-sm-3">Multiple Date</label>
-                                                            <div class="col-sm-9">
-                                                                <div class="input-group">
-                                                                    <input type="text" class="form-control" data-provide="datepicker" data-date-format="dd M, yyyy" data-date-multidate="true">
-                                                                    <div class="input-group-append">
-                                                                        <span class="input-group-text"><i class="ri-calendar-event-fill"></i></span>
-                                                                    </div>
-                                                                </div><!-- input-group -->
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row mb-3">
-                                                            <label class="col-form-label col-sm-3">Month View</label>
-                                                            <div class="col-sm-9">
-                                                                <div class="input-group">
-                                                                    <input type="text" class="form-control" data-provide="datepicker" data-date-format="MM yyyy" data-date-min-view-mode="1">
-                                                                </div><!-- input-group -->
-                                                            </div>
-                                                        </div>
-    
-                                                        <div class="form-group row mb-0">
-                                                            <label class="col-form-label col-sm-3">Year View</label>
-                                                            <div class="col-sm-9">
-                                                                <div class="input-group">
-                                                                    <input type="text" class="form-control" data-provide="datepicker" data-date-format="dd M, yyyy" data-date-min-view-mode="2">
-                                                                </div><!-- input-group -->
-                                                            </div>
-                                                        </div>
-    
-                                                    </form>
-                                                </div>
-                                            </div>
-    
-                                            <div class="col-lg-4">
-                                                <div class="p-2">
-                                                    <label>Display Inline</label>
-                                                    <div class="input-group">
-                                                        <div data-provide="datepicker-inline"></div>
-                                                    </div><!-- input-group -->
-                                                </div>
-                                            </div>
-    
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Date Range Picker</h4>
-
-                                        <div class="row">
-                                            <div class="col-lg-9">
-    
-                                                <div class="p-2">
-                                                    <form class="form-horizontal">
-                                                        <div class="form-group row">
-                                                            <label class="col-lg-3 col-form-label">Predefined Date Ranges</label>
-                                                            <div class="col-lg-9">
-                                                                <div id="reportrange" class="pull-right form-control">
-                                                                    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
-                                                                    <span></span>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="form-group row">
-                                                            <label class="col-lg-3 col-form-label">Date Range Pick</label>
-                                                            <div class="col-lg-9">
-                                                                <input class="form-control input-daterange-datepicker" type="text" name="daterange" value="01/01/2020 - 01/31/2020"/>
-                                                            </div>
-                                                        </div>
-                                                        <div class="form-group row">
-                                                            <label class="col-lg-3 col-form-label">Date Range With Time</label>
-                                                            <div class="col-lg-9">
-                                                                <input type="text" class="form-control input-daterange-timepicker" name="daterange" value="01/01/2020 1:30 PM - 01/01/2020 2:00 PM"/>
-                                                            </div>
-                                                        </div>
-                                                        <div class="form-group row m-b-0">
-                                                            <label class="col-lg-3 col-form-label">Limit Selectable Dates</label>
-                                                            <div class="col-lg-9">
-                                                                <input class="form-control input-limit-datepicker" type="text" name="daterange" value="06/01/2020 - 06/07/2020"/>
-                                                            </div>
-                                                        </div>
-                                                    </form>
-    
-                                                </div>
-    
-                                            </div>
-    
-    
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
-        <script src="../assets/libs/clockpicker/bootstrap-clockpicker.min.js"></script>
-        <script src="../assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
-        <script src="../assets/libs/moment/min/moment.min.js"></script>
-        <script src="../assets/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/form-pickers.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/forms-quilljs.html b/public/modern/forms-quilljs.html
deleted file mode 100644
index 23de63e..0000000
--- a/public/modern/forms-quilljs.html
+++ /dev/null
@@ -1,1757 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Quilljs Editor | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Plugins css -->
-        <link href="../assets/libs/quill/quill.core.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/quill/quill.bubble.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/quill/quill.snow.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Quilljs Editor</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
-                                            <li class="breadcrumb-item active">Quilljs</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Snow Editor</h4>
-                                        <p class="sub-header">Snow is a clean, flat toolbar theme.</p>
-
-                                        <div id="snow-editor" style="height: 300px;">
-                                            <h3><span class="ql-size-large">Hello World!</span></h3>
-                                            <p><br></p>
-                                            <h3>This is an simple editable area.</h3>
-                                            <p><br></p>
-                                            <ul>
-                                                <li>
-                                                    Select a text to reveal the toolbar.
-                                                </li>
-                                                <li>
-                                                    Edit rich document on-the-fly, so elastic!
-                                                </li>
-                                            </ul>
-                                            <p><br></p>
-                                            <p>
-                                                End of simple area
-                                            </p>
-
-                                        </div> <!-- end Snow-editor-->
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->  
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bubble Editor</h4>
-                                        <p class="sub-header">Bubble is a simple tooltip based theme.</p>
-
-                                        <div id="bubble-editor" style="height: 300px;">
-                                            <h3><span class="ql-size-large">Hello World!</span></h3>
-                                            <p><br></p>
-                                            <h3>This is an simple editable area.</h3>
-                                            <p><br></p>
-                                            <ul>
-                                                <li>
-                                                    Select a text to reveal the toolbar.
-                                                </li>
-                                                <li>
-                                                    Edit rich document on-the-fly, so elastic!
-                                                </li>
-                                            </ul>
-                                            <p><br></p>
-                                            <p>
-                                                End of simple area
-                                            </p>
-                                        </div> <!-- end Snow-editor-->
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->  
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js -->
-        <script src="../assets/libs/quill/quill.min.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/form-quilljs.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/forms-summernote.html b/public/modern/forms-summernote.html
deleted file mode 100644
index 0d48953..0000000
--- a/public/modern/forms-summernote.html
+++ /dev/null
@@ -1,1787 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Summernote Editor | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Summernote css -->
-        <link href="../assets/libs/summernote/summernote-bs4.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Summernote</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
-                                            <li class="breadcrumb-item active">Summernote</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Default Editor</h4>
-                                        <p class="sub-header">Super simple wysiwyg editor on Bootstrap</p>
-
-                                        <!-- basic summernote-->
-                                        <div id="summernote-basic"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->  
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title m-t-0">Inline Editor</h4>
-                                        <p class="sub-header">Air-mode give an interface without the Toolbar. To reveal popover Toolbar, select a text where you want to modify. Simply turn on <code>airMode</code> and just focus on text.</p>
-                                        <div id="summernote-airmode">
-                                            <p>This is an Air-mode editable area.</p>
-                                            <ul>
-                                                <li>Select a text to reveal the toolbar.</li>
-                                                <li>Edit rich document on-the-fly, so elastic!</li>
-                                            </ul>
-                                            <p>End of air-mode area</p>
-                                        </div> 
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->  
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title m-t-0">Click to edit</h4>
-                                        <p class="sub-header">You can edit content on the fly.</p>
-                                        <div id="summernote-editmode">
-                                            <h5>Hello User, </h5>
-                                            <p>We create simple, flat & responsive admin dashboard template.</p>
-                                            <p>Please, write text here!</p>
-                                            <p class="lead">Super simple WYSIWYG editor on bootstrap.</p>
-                                        </div>
-                                        <button id="summernote-edit" class="btn btn-primary btn-sm"><i class="mdi mdi-pencil mr-1"></i> Edit</button>
-                                        <button id="summernote-save" class="btn btn-success btn-sm mt-2" style="display: none;"><i class="mdi mdi-content-save-outline mr-1"></i> Save Changes</button> 
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->  
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mt-0">Hint for words</h4>
-                                        <p class="sub-header">Summernote supports autocomplete features, hint to help typing. You can define custom hints with options. Hint options can be an object or array for multiple hints.</p>
-                                        <div id="summernote-hint"></div>
-                                        
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mt-0">Hint for emoji</h4>
-                                        <p class="sub-header">For Emoji’s you can use <code>https://api.github.com/emojis</code></p>
-                                        <div id="summernote-emoji"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mt-0">Hint for mentions</h4>
-                                        <p class="sub-header">For Mentions: [jayden, sam, alvin, david]</p>
-                                        <div id="summernote-hint-mentions"></div> 
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row --> 
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Summernote js -->
-        <script src="../assets/libs/summernote/summernote-bs4.min.js"></script>
-
-        <!-- Init js -->
-        <script src="../assets/js/pages/form-summernote.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/forms-validation.html b/public/modern/forms-validation.html
deleted file mode 100644
index 5d3e342..0000000
--- a/public/modern/forms-validation.html
+++ /dev/null
@@ -1,2126 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form Validation | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Form Validation</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
-                                            <li class="breadcrumb-item active">Validation</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bootstrap Validation - Normal</h4>
-                                        <p class="sub-header">Provide valuable, actionable feedback to your users with HTML5 form validation–available in all our supported browsers.</p>
-
-                                        <form class="needs-validation" novalidate>
-                                            <div class="form-group mb-3">
-                                                <label for="validationCustom01">First name</label>
-                                                <input type="text" class="form-control" id="validationCustom01" placeholder="First name" value="Mark" required>
-                                                <div class="valid-feedback">
-                                                    Looks good!
-                                                </div>
-                                            </div>
-                                            <div class="form-group mb-3">
-                                                <label for="validationCustom02">Last name</label>
-                                                <input type="text" class="form-control" id="validationCustom02" placeholder="Last name" value="Otto" required>
-                                                <div class="valid-feedback">
-                                                    Looks good!
-                                                </div>
-                                            </div>
-                                            <div class="form-group mb-3">
-                                                <label for="validationCustomUsername">Username</label>
-                                                <div class="input-group">
-                                                    <div class="input-group-prepend">
-                                                        <span class="input-group-text" id="inputGroupPrepend">@</span>
-                                                    </div>
-                                                    <input type="text" class="form-control" id="validationCustomUsername" placeholder="Username" aria-describedby="inputGroupPrepend"
-                                                        required>
-                                                    <div class="invalid-feedback">
-                                                        Please choose a username.
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="form-group mb-3">
-                                                <label for="validationCustom03">City</label>
-                                                <input type="text" class="form-control" id="validationCustom03" placeholder="City" required>
-                                                <div class="invalid-feedback">
-                                                    Please provide a valid city.
-                                                </div>
-                                            </div>
-                                            <div class="form-group mb-3">
-                                                <label for="validationCustom04">State</label>
-                                                <input type="text" class="form-control" id="validationCustom04" placeholder="State" required>
-                                                <div class="invalid-feedback">
-                                                    Please provide a valid state.
-                                                </div>
-                                            </div>
-                                            <div class="form-group mb-3">
-                                                <label for="validationCustom05">Zip</label>
-                                                <input type="text" class="form-control" id="validationCustom05" placeholder="Zip" required>
-                                                <div class="invalid-feedback">
-                                                    Please provide a valid zip.
-                                                </div>
-                                            </div>
-                                            <div class="form-group mb-3">
-                                                <div class="custom-control custom-checkbox form-check">
-                                                    <input type="checkbox" class="custom-control-input" id="invalidCheck" required>
-                                                    <label class="custom-control-label" for="invalidCheck">Agree to terms and conditions</label>
-                                                    <div class="invalid-feedback">
-                                                        You must agree before submitting.
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <button class="btn btn-primary" type="submit">Submit form</button>
-                                        </form>
-
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bootstrap Validation (Tooltips)</h4>
-                                        <p class="sub-header">If your form layout allows it, you can swap the <code>.{valid|invalid}-feedback</code>
-                                            classes for <code>.{valid|invalid}-tooltip</code> classes to display validation feedback
-                                            in a styled tooltip.</p>
-
-                                        <form class="needs-validation" novalidate>
-                                            <div class="form-group position-relative mb-3">
-                                                <label for="validationTooltip01">First name</label>
-                                                <input type="text" class="form-control" id="validationTooltip01" placeholder="First name" value="Mark" required>
-                                                <div class="valid-tooltip">
-                                                    Looks good!
-                                                </div>
-                                                <div class="invalid-tooltip">
-                                                    Please enter first name.
-                                                </div>
-                                            </div>
-                                            <div class="form-group position-relative mb-3">
-                                                <label for="validationTooltip02">Last name</label>
-                                                <input type="text" class="form-control" id="validationTooltip02" placeholder="Last name" value="Otto" required>
-                                                <div class="valid-tooltip">
-                                                    Looks good!
-                                                </div>
-                                                <div class="invalid-tooltip">
-                                                    Please enter last name.
-                                                </div>
-                                            </div>
-                                            <div class="form-group position-relative mb-3">
-                                                <label for="validationTooltipUsername">Username</label>
-                                                <div class="input-group">
-                                                    <div class="input-group-prepend">
-                                                        <span class="input-group-text" id="validationTooltipUsernamePrepend">@</span>
-                                                    </div>
-                                                    <input type="text" class="form-control" id="validationTooltipUsername" placeholder="Username" aria-describedby="validationTooltipUsernamePrepend"
-                                                        required>
-                                                    <div class="invalid-tooltip">
-                                                        Please choose a unique and valid username.
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="form-group position-relative mb-3">
-                                                <label for="validationTooltip03">City</label>
-                                                <input type="text" class="form-control" id="validationTooltip03" placeholder="City" required>
-                                                <div class="invalid-tooltip">
-                                                    Please provide a valid city.
-                                                </div>
-                                            </div>
-                                            <div class="form-group position-relative mb-3">
-                                                <label for="validationTooltip04">State</label>
-                                                <input type="text" class="form-control" id="validationTooltip04" placeholder="State" required>
-                                                <div class="invalid-tooltip">
-                                                    Please provide a valid state.
-                                                </div>
-                                            </div>
-                                            <div class="form-group position-relative mb-3">
-                                                <label for="validationTooltip05">Zip</label>
-                                                <input type="text" class="form-control" id="validationTooltip05" placeholder="Zip" required>
-                                                <div class="invalid-tooltip">
-                                                    Please provide a valid zip.
-                                                </div>
-                                            </div>
-                                            <button class="btn btn-primary" type="submit">Submit form</button>
-                                        </form>
-                                        
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Basic Form</h4>
-                                        <p class="sub-header">
-                                            Parsley is a javascript form validation library. It helps you provide your users with feedback on their form submission before sending it to your server.
-                                        </p>
-    
-                                        <form action="#" class="parsley-examples">
-                                            <div class="form-group">
-                                                <label for="userName">User Name<span class="text-danger">*</span></label>
-                                                <input type="text" name="nick" parsley-trigger="change" required
-                                                       placeholder="Enter user name" class="form-control" id="userName">
-                                            </div>
-                                            <div class="form-group">
-                                                <label for="emailAddress">Email address<span class="text-danger">*</span></label>
-                                                <input type="email" name="email" parsley-trigger="change" required
-                                                       placeholder="Enter email" class="form-control" id="emailAddress">
-                                            </div>
-                                            <div class="form-group">
-                                                <label for="pass1">Password<span class="text-danger">*</span></label>
-                                                <input id="pass1" type="password" placeholder="Password" required
-                                                       class="form-control">
-                                            </div>
-                                            <div class="form-group">
-                                                <label for="passWord2">Confirm Password <span class="text-danger">*</span></label>
-                                                <input data-parsley-equalto="#pass1" type="password" required
-                                                       placeholder="Password" class="form-control" id="passWord2">
-                                            </div>
-                                            <div class="form-group">
-                                                <div class="checkbox checkbox-purple">
-                                                    <input id="checkbox6a" type="checkbox">
-                                                    <label for="checkbox6a">
-                                                        Remember me
-                                                    </label>
-                                                </div>
-    
-                                            </div>
-    
-                                            <div class="form-group text-right m-b-0">
-                                                <button class="btn btn-primary waves-effect waves-light mr-1" type="submit">
-                                                    Submit
-                                                </button>
-                                                <button type="reset" class="btn btn-secondary waves-effect">
-                                                    Cancel
-                                                </button>
-                                            </div>
-    
-                                        </form>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div>
-                            <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Horizontal Form</h4>
-                                        <p class="sub-header">
-                                            Parsley is a javascript form validation library. It helps you provide your users with feedback on their form submission before sending it to your server.
-                                        </p>
-
-                                        <form role="form" class="parsley-examples">
-                                            <div class="form-group row">
-                                                <label for="inputEmail3" class="col-4 col-form-label">Email<span class="text-danger">*</span></label>
-                                                <div class="col-7">
-                                                    <input type="email" required parsley-type="email" class="form-control"
-                                                        id="inputEmail3" placeholder="Email">
-                                                </div>
-                                            </div>
-                                            <div class="form-group row">
-                                                <label for="hori-pass1" class="col-4 col-form-label">Password<span class="text-danger">*</span></label>
-                                                <div class="col-7">
-                                                    <input id="hori-pass1" type="password" placeholder="Password" required
-                                                        class="form-control">
-                                                </div>
-                                            </div>
-                                            <div class="form-group row">
-                                                <label for="hori-pass2" class="col-4 col-form-label">Confirm Password
-                                                    <span class="text-danger">*</span></label>
-                                                <div class="col-7">
-                                                    <input data-parsley-equalto="#hori-pass1" type="password" required
-                                                        placeholder="Password" class="form-control" id="hori-pass2">
-                                                </div>
-                                            </div>
-
-                                            <div class="form-group row">
-                                                <label for="webSite" class="col-4 col-form-label">Web Site<span class="text-danger">*</span></label>
-                                                <div class="col-7">
-                                                    <input type="url" required parsley-type="url" class="form-control"
-                                                        id="webSite" placeholder="URL">
-                                                </div>
-                                            </div>
-                                            <div class="form-group row">
-                                                <div class="col-8 offset-4">
-                                                    <div class="checkbox checkbox-purple">
-                                                        <input id="checkbox6" type="checkbox">
-                                                        <label for="checkbox6">
-                                                            Remember me
-                                                        </label>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="form-group row">
-                                                <div class="col-8 offset-4">
-                                                    <button type="submit" class="btn btn-primary waves-effect waves-light mr-1">
-                                                        Register
-                                                    </button>
-                                                    <button type="reset"
-                                                            class="btn btn-secondary waves-effect">
-                                                        Cancel
-                                                    </button>
-                                                </div>
-                                            </div>
-                                        </form>
-                                    </div>
-                                </div> <!-- end card-box -->
-
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Validation type</h4>
-                                        <p class="sub-header">
-                                            Parsley is a javascript form validation library. It helps you provide your users with feedback on their form submission before sending it to your server.
-                                        </p>
-    
-                                        <form action="#" class="parsley-examples">
-                                            <div class="form-group">
-                                                <label>Required</label>
-                                                <input type="text" class="form-control" required
-                                                       placeholder="Type something"/>
-                                            </div>
-    
-                                            <div class="form-group">
-                                                <label>Equal To</label>
-                                                <div>
-                                                    <input type="password" id="pass2" class="form-control" required
-                                                           placeholder="Password"/>
-                                                </div>
-                                                <div class="mt-2">
-                                                    <input type="password" class="form-control" required
-                                                           data-parsley-equalto="#pass2"
-                                                           placeholder="Re-Type Password"/>
-                                                </div>
-                                            </div>
-    
-                                            <div class="form-group">
-                                                <label>E-Mail</label>
-                                                <div>
-                                                    <input type="email" class="form-control" required
-                                                           parsley-type="email" placeholder="Enter a valid e-mail"/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>URL</label>
-                                                <div>
-                                                    <input parsley-type="url" type="url" class="form-control"
-                                                           required placeholder="URL"/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>Digits</label>
-                                                <div>
-                                                    <input data-parsley-type="digits" type="text"
-                                                           class="form-control" required
-                                                           placeholder="Enter only digits"/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>Number</label>
-                                                <div>
-                                                    <input data-parsley-type="number" type="text"
-                                                           class="form-control" required
-                                                           placeholder="Enter only numbers"/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>Alphanumeric</label>
-                                                <div>
-                                                    <input data-parsley-type="alphanum" type="text"
-                                                           class="form-control" required
-                                                           placeholder="Enter alphanumeric value"/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>Textarea</label>
-                                                <div>
-                                                    <textarea required class="form-control"></textarea>
-                                                </div>
-                                            </div>
-                                            <div class="form-group mb-0">
-                                                <div>
-                                                    <button type="submit" class="btn btn-primary waves-effect waves-light mr-1">
-                                                        Submit
-                                                    </button>
-                                                    <button type="reset" class="btn btn-secondary waves-effect">
-                                                        Cancel
-                                                    </button>
-                                                </div>
-                                            </div>
-                                        </form>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Range validation</h4>
-                                        <p class="sub-header">
-                                            Parsley is a javascript form validation library. It helps you provide your users with feedback on their form submission before sending it to your server.
-                                        </p>
-    
-                                        <form action="#" class="parsley-examples">
-    
-                                            <div class="form-group">
-                                                <label>Min Length</label>
-                                                <div>
-                                                    <input type="text" class="form-control" required
-                                                           data-parsley-minlength="6" placeholder="Min 6 chars."/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>Max Length</label>
-                                                <div>
-                                                    <input type="text" class="form-control" required
-                                                           data-parsley-maxlength="6" placeholder="Max 6 chars."/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>Range Length</label>
-                                                <div>
-                                                    <input type="text" class="form-control" required
-                                                           data-parsley-length="[5,10]"
-                                                           placeholder="Text between 5 - 10 chars length"/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>Min Value</label>
-                                                <div>
-                                                    <input type="text" class="form-control" required
-                                                           data-parsley-min="6" placeholder="Min value is 6"/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>Max Value</label>
-                                                <div>
-                                                    <input type="text" class="form-control" required
-                                                           data-parsley-max="6" placeholder="Max value is 6"/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>Range Value</label>
-                                                <div>
-                                                    <input class="form-control" required type="text" min="6"
-                                                           max="100" placeholder="Number between 6 - 100"/>
-                                                </div>
-                                            </div>
-                                            <div class="form-group">
-                                                <label>Regular Exp</label>
-                                                <div>
-                                                    <input type="text" class="form-control" required
-                                                           data-parsley-pattern="#[A-Fa-f0-9]{6}"
-                                                           placeholder="Hex. Color"/>
-                                                </div>
-                                            </div>
-    
-                                            <div class="form-group mb-0">
-                                                <div>
-                                                    <button type="submit" class="btn btn-primary waves-effect waves-light mr-1">
-                                                        Submit
-                                                    </button>
-                                                    <button type="reset" class="btn btn-secondary waves-effect">
-                                                        Cancel
-                                                    </button>
-                                                </div>
-                                            </div>
-                                        </form>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugin js-->
-        <script src="../assets/libs/parsleyjs/parsley.min.js"></script>
-
-        <!-- Validation init js-->
-        <script src="../assets/js/pages/form-validation.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/forms-wizard.html b/public/modern/forms-wizard.html
deleted file mode 100644
index 9537ec2..0000000
--- a/public/modern/forms-wizard.html
+++ /dev/null
@@ -1,2192 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form Wizard | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Form Wizard</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
-                                            <li class="breadcrumb-item active">Wizard</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <h4 class="header-title mb-3"> Basic Wizard</h4>
-
-                                        <form>
-                                            <div id="basicwizard">
-
-                                                <ul class="nav nav-pills nav-justified form-wizard-header mb-4">
-                                                    <li class="nav-item">
-                                                        <a href="#basictab1" data-toggle="tab" class="nav-link"> 
-                                                            <span class="number">1</span>
-                                                            <span class="d-none d-sm-inline">Account</span>
-                                                        </a>
-                                                    </li>
-                                                    <li class="nav-item">
-                                                        <a href="#basictab2" data-toggle="tab" class="nav-link">
-                                                            <span class="number">2</span>
-                                                            <span class="d-none d-sm-inline">Profile</span>
-                                                        </a>
-                                                    </li>
-                                                    <li class="nav-item">
-                                                        <a href="#basictab3" data-toggle="tab" class="nav-link">
-                                                            <span class="number">3</span>
-                                                            <span class="d-none d-sm-inline">Finish</span>
-                                                        </a>
-                                                    </li>
-                                                </ul>
-
-                                                <div class="tab-content b-0 mb-0">
-                                                    <div class="tab-pane" id="basictab1">
-                                                        <div class="row">
-                                                            <div class="col-12">
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="userName">User name</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="text" class="form-control" id="userName" name="userName" value="Coderthemes">
-                                                                    </div>
-                                                                </div>
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="password"> Password</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="password" id="password" name="password" class="form-control" value="123456789">
-                                                                    </div>
-                                                                </div>
-                                                                
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="confirm">Re Password</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="password" id="confirm" name="confirm" class="form-control" value="123456789">
-                                                                    </div>
-                                                                </div>
-                                                            </div> <!-- end col -->
-                                                        </div> <!-- end row -->
-                                                    </div>
-
-                                                    <div class="tab-pane" id="basictab2">
-                                                        <div class="row">
-                                                            <div class="col-12">
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="name"> First name</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="text" id="name" name="name" class="form-control" value="Francis">
-                                                                    </div>
-                                                                </div>
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="surname"> Last name</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="text" id="surname" name="surname" class="form-control" value="Brinkman">
-                                                                    </div>
-                                                                </div>
-                                        
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="email">Email</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="email" id="email" name="email" class="form-control" value="cory1979@hotmail.com">
-                                                                    </div>
-                                                                </div>
-                                                            </div> <!-- end col -->
-                                                        </div> <!-- end row -->
-                                                    </div>
-
-                                                    <div class="tab-pane" id="basictab3">
-                                                        <div class="row">
-                                                            <div class="col-12">
-                                                                <div class="text-center">
-                                                                    <h2 class="mt-0"><i class="mdi mdi-check-all"></i></h2>
-                                                                    <h3 class="mt-0">Thank you !</h3>
-
-                                                                    <p class="w-75 mb-2 mx-auto">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam
-                                                                        mattis dictum aliquet.</p>
-
-                                                                    <div class="mb-3">
-                                                                        <div class="custom-control custom-checkbox">
-                                                                            <input type="checkbox" class="custom-control-input" id="customCheck1">
-                                                                            <label class="custom-control-label" for="customCheck1">I agree with the Terms and Conditions</label>
-                                                                        </div>
-                                                                    </div>
-                                                                </div>
-                                                            </div> <!-- end col -->
-                                                        </div> <!-- end row -->
-                                                    </div>
-
-                                                    <ul class="list-inline wizard mb-0">
-                                                        <li class="previous list-inline-item">
-                                                            <a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
-                                                        </li>
-                                                        <li class="next list-inline-item float-right">
-                                                            <a href="javascript: void(0);" class="btn btn-secondary">Next</a>
-                                                        </li>
-                                                    </ul>
-
-                                                </div> <!-- tab-content -->
-                                            </div> <!-- end #basicwizard-->
-                                        </form>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <h4 class="header-title mb-3"> Button Wizard</h4>
-
-                                        <div id="btnwizard">
-                                            <ul class="nav nav-pills nav-justified form-wizard-header mb-4">
-                                                <li class="nav-item">
-                                                    <a href="#tab12" data-toggle="tab" class="nav-link pt-2 pb-2">
-                                                        <span class="number">1</span>
-                                                        <span class="d-none d-sm-inline">Account</span>
-                                                    </a>
-                                                </li>
-                                                <li class="nav-item">
-                                                    <a href="#tab22" data-toggle="tab" class="nav-link pt-2 pb-2">
-                                                        <span class="number">2</span>
-                                                        <span class="d-none d-sm-inline">Profile</span>
-                                                    </a>
-                                                </li>
-                                                <li class="nav-item">
-                                                    <a href="#tab32" data-toggle="tab" class="nav-link pt-2 pb-2">
-                                                        <span class="number">3</span>
-                                                        <span class="d-none d-sm-inline">Finish</span>
-                                                    </a>
-                                                </li>
-                                            </ul>
-
-                                            <div class="tab-content mb-0 b-0">
-
-                                                <div class="tab-pane fade" id="tab12">
-                                                    <div class="row">
-                                                        <div class="col-12">
-                                                            <div class="form-group row mb-3">
-                                                                <label class="col-md-3 col-form-label" for="userName2">User name</label>
-                                                                <div class="col-md-9">
-                                                                    <input type="text" class="form-control" id="userName2" name="userName2" value="Coderthemes">
-                                                                </div>
-                                                            </div>
-                                                            <div class="form-group row mb-3">
-                                                                <label class="col-md-3 col-form-label" for="password2"> Password</label>
-                                                                <div class="col-md-9">
-                                                                    <input type="password" id="password2" name="password2" class="form-control" value="123456789">
-                                                                </div>
-                                                            </div>
-                                                            
-                                                            <div class="form-group row mb-3">
-                                                                <label class="col-md-3 col-form-label" for="confirm2">Re Password</label>
-                                                                <div class="col-md-9">
-                                                                    <input type="password" id="confirm2" name="confirm2" class="form-control" value="123456789">
-                                                                </div>
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-                                                </div>
-
-                                                <div class="tab-pane fade" id="tab22">
-                                                    <div class="row">
-                                                        <div class="col-12">
-                                                            <div class="form-group row mb-3">
-                                                                <label class="col-md-3 col-form-label" for="name2"> First name</label>
-                                                                <div class="col-md-9">
-                                                                    <input type="text" id="name2" name="name2" class="form-control" value="Francis">
-                                                                </div>
-                                                            </div>
-                                                            <div class="form-group row mb-3">
-                                                                <label class="col-md-3 col-form-label" for="surname2"> Last name</label>
-                                                                <div class="col-md-9">
-                                                                    <input type="text" id="surname2" name="surname2" class="form-control" value="Brinkman">
-                                                                </div>
-                                                            </div>
-                                    
-                                                            <div class="form-group row mb-3">
-                                                                <label class="col-md-3 col-form-label" for="email2">Email</label>
-                                                                <div class="col-md-9">
-                                                                    <input type="email" id="email2" name="email2" class="form-control" value="cory1979@hotmail.com">
-                                                                </div>
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-                                                </div>
-
-                                                <div class="tab-pane" id="tab32">
-                                                    <div class="row">
-                                                        <div class="col-12">
-                                                            <div class="text-center">
-                                                                <h2 class="mt-0"><i class="mdi mdi-check-all"></i></h2>
-                                                                <h3 class="mt-0">Thank you !</h3>
-
-                                                                <p class="w-75 mb-2 mx-auto">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam
-                                                                    mattis dictum aliquet.</p>
-
-                                                                <div class="mb-3">
-                                                                    <div class="custom-control custom-checkbox">
-                                                                        <input type="checkbox" class="custom-control-input" id="customCheck2">
-                                                                        <label class="custom-control-label" for="customCheck2">I agree with the Terms and Conditions</label>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-                                                </div>
-                                            
-                                                <div class="float-right">
-                                                    <input type='button' class='btn btn-secondary button-next' name='next' value='Next' />
-                                                    <input type='button' class='btn btn-secondary button-last' name='last' value='Last' />
-                                                </div>
-                                                <div class="float-left">
-                                                    <input type='button' class='btn btn-secondary button-first' name='first' value='First' />
-                                                    <input type='button' class='btn btn-secondary button-previous' name='previous' value='Previous' />
-                                                </div>
-
-                                                <div class="clearfix"></div>
-
-                                            </div> <!-- tab-content -->
-                                        </div> <!-- end #btnwizard-->
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div> 
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <h4 class="header-title mb-3">Wizard With Progress Bar</h4>
-
-                                        <form>
-                                            <div id="progressbarwizard">
-
-                                                <ul class="nav nav-pills nav-justified form-wizard-header mb-3">
-                                                    <li class="nav-item">
-                                                        <a href="#account-2" data-toggle="tab" class="nav-link">
-                                                            <span class="number">1</span>
-                                                            <span class="d-none d-sm-inline">Account</span>
-                                                        </a>
-                                                    </li>
-                                                    <li class="nav-item">
-                                                        <a href="#profile-tab-2" data-toggle="tab" class="nav-link">
-                                                            <span class="number">2</span>
-                                                            <span class="d-none d-sm-inline">Profile</span>
-                                                        </a>
-                                                    </li>
-                                                    <li class="nav-item">
-                                                        <a href="#finish-2" data-toggle="tab" class="nav-link">
-                                                            <span class="number">3</span>
-                                                            <span class="d-none d-sm-inline">Finish</span>
-                                                        </a>
-                                                    </li>
-                                                </ul>
-                                            
-                                                <div class="tab-content b-0 pt-0 mb-0">
-                                            
-                                                    <div id="bar" class="progress mb-3" style="height: 7px;">
-                                                        <div class="bar progress-bar progress-bar-striped progress-bar-animated bg-success"></div>
-                                                    </div>
-                                            
-                                                    <div class="tab-pane" id="account-2">
-                                                        <div class="row">
-                                                            <div class="col-12">
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="userName1">User name</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="text" class="form-control" id="userName1" name="userName1" value="Coderthemes">
-                                                                    </div>
-                                                                </div>
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="password1"> Password</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="password" id="password1" name="password1" class="form-control" value="123456789">
-                                                                    </div>
-                                                                </div>
-                                                                
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="confirm1">Re Password</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="password" id="confirm1" name="confirm1" class="form-control" value="123456789">
-                                                                    </div>
-                                                                </div>
-                                                            </div> <!-- end col -->
-                                                        </div> <!-- end row -->
-                                                    </div>
-
-                                                    <div class="tab-pane" id="profile-tab-2">
-                                                        <div class="row">
-                                                            <div class="col-12">
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="name1"> First name</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="text" id="name1" name="name1" class="form-control" value="Francis">
-                                                                    </div>
-                                                                </div>
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="surname1"> Last name</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="text" id="surname1" name="surname1" class="form-control" value="Brinkman">
-                                                                    </div>
-                                                                </div>
-                                        
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="email1">Email</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="email" id="email1" name="email1" class="form-control" value="cory1979@hotmail.com">
-                                                                    </div>
-                                                                </div>
-                                                            </div> <!-- end col -->
-                                                        </div> <!-- end row -->
-                                                    </div>
-
-                                                    <div class="tab-pane" id="finish-2">
-                                                        <div class="row">
-                                                            <div class="col-12">
-                                                                <div class="text-center">
-                                                                    <h2 class="mt-0"><i class="mdi mdi-check-all"></i></h2>
-                                                                    <h3 class="mt-0">Thank you !</h3>
-
-                                                                    <p class="w-75 mb-2 mx-auto">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam
-                                                                        mattis dictum aliquet.</p>
-
-                                                                    <div class="mb-3">
-                                                                        <div class="custom-control custom-checkbox">
-                                                                            <input type="checkbox" class="custom-control-input" id="customCheck3">
-                                                                            <label class="custom-control-label" for="customCheck3">I agree with the Terms and Conditions</label>
-                                                                        </div>
-                                                                    </div>
-                                                                </div>
-                                                            </div> <!-- end col -->
-                                                        </div> <!-- end row -->
-                                                    </div>
-
-                                                    <ul class="list-inline mb-0 wizard">
-                                                        <li class="previous list-inline-item">
-                                                            <a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
-                                                        </li>
-                                                        <li class="next list-inline-item float-right">
-                                                            <a href="javascript: void(0);" class="btn btn-secondary">Next</a>
-                                                        </li>
-                                                    </ul>
-
-                                                </div> <!-- tab-content -->
-                                            </div> <!-- end #progressbarwizard-->
-                                        </form>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <h4 class="header-title mb-3"> Wizard With Form Validation</h4>
-
-                                        <div id="rootwizard">
-                                            <ul class="nav nav-pills nav-justified form-wizard-header mb-3">
-                                                <li class="nav-item" data-target-form="#accountForm">
-                                                    <a href="#first" data-toggle="tab" class="nav-link">
-                                                        <span class="number">1</span>
-                                                        <span class="d-none d-sm-inline">Account</span>
-                                                    </a>
-                                                </li>
-                                                <li class="nav-item" data-target-form="#profileForm">
-                                                    <a href="#second" data-toggle="tab" class="nav-link">
-                                                        <span class="number">2</span>
-                                                        <span class="d-none d-sm-inline">Profile</span>
-                                                    </a>
-                                                </li>
-                                                <li class="nav-item" data-target-form="#otherForm">
-                                                    <a href="#third" data-toggle="tab" class="nav-link">
-                                                        <span class="number">3</span>
-                                                        <span class="d-none d-sm-inline">Finish</span>
-                                                    </a>
-                                                </li>
-                                            </ul>
-
-                                            <div class="tab-content mb-0 b-0">
-
-                                                <div class="tab-pane" id="first">
-                                                    <form id="accountForm" method="post" action="#" class="form-horizontal">
-                                                        <div class="row">
-                                                            <div class="col-12">
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="userName3">User name</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="text" class="form-control" id="userName3" name="userName3" required>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="password3"> Password</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="password" id="password3" name="password3" class="form-control" required>
-                                                                    </div>
-                                                                </div>
-                                                                
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="confirm3">Re Password</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="password" id="confirm3" name="confirm3" class="form-control" required>
-                                                                    </div>
-                                                                </div>
-                                                            </div> <!-- end col -->
-                                                        </div> <!-- end row -->
-                                                    </form>
-                                                </div>
-
-                                                <div class="tab-pane fade" id="second">
-                                                    <form id="profileForm" method="post" action="#" class="form-horizontal">
-                                                        <div class="row">
-                                                            <div class="col-12">
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="name3"> First name</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="text" id="name3" name="name3" class="form-control" required>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="surname3"> Last name</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="text" id="surname3" name="surname3" class="form-control" required>
-                                                                    </div>
-                                                                </div>
-                                                    
-                                                                <div class="form-group row mb-3">
-                                                                    <label class="col-md-3 col-form-label" for="email3">Email</label>
-                                                                    <div class="col-md-9">
-                                                                        <input type="email" id="email3" name="email3" class="form-control" required>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                            <!-- end col -->
-                                                        </div>
-                                                        <!-- end row -->
-                                                    </form>
-                                                </div>
-
-                                                <div class="tab-pane fade" id="third">
-                                                    <form id="otherForm" method="post" action="#" class="form-horizontal">
-                                                        <div class="row">
-                                                            <div class="col-12">
-                                                                <div class="text-center">
-                                                                    <h2 class="mt-0">
-                                                                        <i class="mdi mdi-check-all"></i>
-                                                                    </h2>
-                                                                    <h3 class="mt-0">Thank you !</h3>
-                                                    
-                                                                    <p class="w-75 mb-2 mx-auto">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis
-                                                                        dui. Aliquam mattis dictum aliquet.</p>
-                                                    
-                                                                    <div class="mb-3">
-                                                                        <div class="custom-control custom-checkbox">
-                                                                            <input type="checkbox" class="custom-control-input" id="customCheck4" required>
-                                                                            <label class="custom-control-label" for="customCheck4">I agree with the Terms and Conditions</label>
-                                                                        </div>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                            <!-- end col -->
-                                                        </div>
-                                                        <!-- end row -->
-                                                    </form>
-                                                </div>
-
-                                                <ul class="list-inline wizard mb-0">
-                                                    <li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
-                                                    </li>
-                                                    <li class="next list-inline-item float-right"><a href="javascript: void(0);" class="btn btn-secondary">Next</a></li>
-                                                </ul>
-
-                                            </div> <!-- tab-content -->
-                                        </div> <!-- end #rootwizard-->
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div> 
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/twitter-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/form-wizard.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/forms-x-editable.html b/public/modern/forms-x-editable.html
deleted file mode 100644
index b4b93e4..0000000
--- a/public/modern/forms-x-editable.html
+++ /dev/null
@@ -1,1749 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>X Editable | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Plugins css -->
-        <link href="../assets/libs/x-editable/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">X Editable</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
-                                            <li class="breadcrumb-item active">X Editable</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="table-responsive">
-                                            <table class="table table-centered table-borderless table-striped mb-0">
-                                                <tbody>
-                                                    <tr>
-                                                        <td style="width: 35%;">Simple text field</td>
-                                                        <td><a href="#" id="inline-username" data-type="text" data-pk="1" data-title="Enter username">Superuser</a></td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Empty text field, required</td>
-                                                        <td><a href="#" id="inline-firstname" data-type="text" data-pk="1" data-placement="right" data-placeholder="Required" data-title="Enter your firstname"></a></td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Select, local array, custom display</td>
-                                                        <td><a href="#" id="inline-sex" data-type="select" data-pk="1" data-value="" data-title="Select sex"></a></td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Select, remote array, no buttons</td>
-                                                        <td><a href="#" id="inline-group" data-type="select" data-pk="1" data-value="5" data-source="/groups" data-title="Select group">Admin</a></td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Select, error while loading</td>
-                                                        <td><a href="#" id="inline-status" data-type="select" data-pk="1" data-value="0" data-source="/status" data-title="Select status">Active</a></td>
-                                                    </tr>
-        
-                                                    <tr>
-                                                        <td>Combodate (date)</td>
-                                                        <td><a href="#" id="inline-dob" data-type="combodate" data-value="1984-05-15" data-format="YYYY-MM-DD" data-viewformat="DD/MM/YYYY" data-template="D / MMM / YYYY" data-pk="1"  data-title="Select Date of birth"></a></td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Combodate (datetime)</td>
-                                                        <td><a href="#" id="inline-event" data-type="combodate" data-template="D MMM YYYY  HH:mm" data-format="YYYY-MM-DD HH:mm" data-viewformat="MMM D, YYYY, HH:mm" data-pk="1"  data-title="Setup event date and time"></a></td>
-                                                    </tr>
-        
-                                                    <tr>
-                                                        <td>Textarea, buttons below. Submit by <i>ctrl+enter</i></td>
-                                                        <td><a href="#" id="inline-comments" data-type="textarea" data-pk="1" data-placeholder="Your comments here..." data-title="Enter comments">Awesome user!</a></td>
-                                                    </tr>
-        
-                                                    <tr>
-                                                        <td>Checklist</td>
-                                                        <td><a href="#" id="inline-fruits" data-type="checklist" data-value="2,3" data-title="Select fruits"></a></td>
-                                                    </tr>
-        
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end .table-responsive -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js -->
-        <script src="../assets/libs/moment/min/moment.min.js"></script>
-        <script src="../assets/libs/x-editable/bootstrap-editable/js/bootstrap-editable.min.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/form-xeditable.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/icons-boxicons.html b/public/modern/icons-boxicons.html
deleted file mode 100644
index 3a8cad0..0000000
--- a/public/modern/icons-boxicons.html
+++ /dev/null
@@ -1,5140 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Boxicons | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Boxicons</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Icons</a></li>
-                                            <li class="breadcrumb-item active">Boxicons</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-    
-                                    <div class="card-body">
-                                        <h4 class="header-title">Examples</h4>
-                                        <p class="sub-header">Use class <code>&lt;i class="bx bx-**">&lt;/i></code></p>
-    
-                                        <h5>Regular</h5>
-                                        <div class="row icons-list-demo">
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sticker"></i> bx bx-sticker
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shield-quarter"></i> bx bx-shield-quarter
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-upside-down"></i> bx bx-upside-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-laugh"></i> bx bx-laugh
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-meh-blank"></i> bx bx-meh-blank
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-happy-beaming"></i> bx bx-happy-beaming
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shocked"></i> bx bx-shocked
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sleepy"></i> bx bx-sleepy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-confused"></i> bx bx-confused
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-wink-smile"></i> bx bx-wink-smile
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dizzy"></i> bx bx-dizzy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-happy-heart-eyes"></i> bx bx-happy-heart-eyes
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-angry"></i> bx bx-angry
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-smile"></i> bx bx-smile
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-tired"></i> bx bx-tired
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cool"></i> bx bx-cool
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-happy-alt"></i> bx bx-happy-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-wink-tongue"></i> bx bx-wink-tongue
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-meh-alt"></i> bx bx-meh-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-food-menu"></i> bx bx-food-menu
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-food-tag"></i> bx bx-food-tag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-female-sign"></i> bx bx-female-sign
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-male-sign"></i> bx bx-male-sign
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-female"></i> bx bx-female
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-male"></i> bx bx-male
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-clinic"></i> bx bx-clinic
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-health"></i> bx bx-health
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shekel"></i> bx bx-shekel
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-yen"></i> bx bx-yen
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-won"></i> bx bx-won
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pound"></i> bx bx-pound
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-euro"></i> bx bx-euro
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-rupee"></i> bx bx-rupee
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-ruble"></i> bx bx-ruble
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-lira"></i> bx bx-lira
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bitcoin"></i> bx bx-bitcoin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-tone"></i> bx bx-tone
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bolt-circle"></i> bx bx-bolt-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cake"></i> bx bx-cake
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-spa"></i> bx bx-spa
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dish"></i> bx bx-dish
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-fridge"></i> bx bx-fridge
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-image-add"></i> bx bx-image-add
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-image-alt"></i> bx bx-image-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-space-bar"></i> bx bx-space-bar
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-alarm-add"></i> bx bx-alarm-add
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-archive-out"></i> bx bx-archive-out     
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-archive-in"></i> bx bx-archive-in
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-add-to-queue"></i> bx bx-add-to-queue      
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-border-radius"></i> bx bx-border-radius
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-check-shield"></i> bx bx-check-shield
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-label"></i> bx bx-label
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-file-find"></i> bx bx-file-find
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-face"></i> bx bx-face
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-extension"></i> bx bx-extension
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-exit"></i> bx bx-exit
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-conversation"></i> bx bx-conversation
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sort-z-a"></i> bx bx-sort-z-a
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sort-a-z"></i> bx bx-sort-a-z
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-printer"></i> bx bx-printer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-radio"></i> bx bx-radio
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-customize"></i> bx bx-customize
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-brush-alt"></i> bx bx-brush-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-briefcase-alt-2"></i> bx bx-briefcase-alt-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-time-five"></i> bx bx-time-five
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pie-chart-alt-2"></i> bx bx-pie-chart-alt-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-gas-pump"></i> bx bx-gas-pump
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-mobile-vibration"></i> bx bx-mobile-vibration
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-mobile-landscape"></i> bx bx-mobile-landscape
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-border-all"></i> bx bx-border-all
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-border-bottom"></i> bx bx-border-bottom 
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-border-top"></i> bx bx-border-top
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-border-left"></i> bx bx-border-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-border-right"></i> bx bx-border-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dialpad-alt"></i> bx bx-dialpad-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-filter-alt"></i> bx bx-filter-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-brightness"></i> bx bx-brightness
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-brightness-half"></i> bx bx-brightness-half
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-wifi-off"></i> bx bx-wifi-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-credit-card-alt"></i> bx bx-credit-card-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-band-aid"></i> bx bx-band-aid
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-hive"></i> bx bx-hive
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-map-pin"></i> bx bx-map-pin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-line-chart"></i> bx bx-line-chart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-receipt"></i> bx bx-receipt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-purchase-tag-alt"></i> bx bx-purchase-tag-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-basket"></i> bx bx-basket
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-palette"></i> bx bx-palette
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-no-entry"></i> bx bx-no-entry
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-message-alt-dots"></i> bx bx-message-alt-dots
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-message-alt"></i> bx bx-message-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-check-square"></i> bx bx-check-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-log-out-circle"></i> bx bx-log-out-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-log-in-circle"></i> bx bx-log-in-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-doughnut-chart"></i> bx bx-doughnut-chart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-building-house"></i> bx bx-building-house
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-accessibility"></i> bx bx-accessibility
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-user-voice"></i> bx bx-user-voice
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cuboid"></i> bx bx-cuboid
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cube-alt"></i> bx bx-cube-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-polygon"></i> bx bx-polygon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-square-rounded"></i> bx bx-square-rounded
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-square"></i> bx bx-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-error-alt"></i> bx bx-error-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shield-alt-2"></i> bx bx-shield-alt-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-paint-roll"></i> bx bx-paint-roll
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-droplet"></i> bx bx-droplet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-street-view"></i> bx bx-street-view
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-plus-medical"></i> bx bx-plus-medical
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-search-alt-2"></i> bx bx-search-alt-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bowling-ball"></i> bx bx-bowling-ball
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dna"></i> bx bx-dna
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cycling"></i> bx bx-cycling
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shape-circle"></i> bx bx-shape-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-down-arrow-alt"></i> bx bx-down-arrow-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-up-arrow-alt"></i> bx bx-up-arrow-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-right-arrow-alt"></i> bx bx-right-arrow-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-left-arrow-alt"></i> bx bx-left-arrow-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-lock-open-alt"></i> bx bx-lock-open-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-lock-alt"></i> bx bx-lock-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cylinder"></i> bx bx-cylinder
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pyramid"></i> bx bx-pyramid
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-comment-dots"></i> bx bx-comment-dots
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-comment"></i> bx bx-comment
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-landscape"></i> bx bx-landscape
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-book-open"></i> bx bx-book-open
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-transfer-alt"></i> bx bx-transfer-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-copy-alt"></i> bx bx-copy-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-run"></i> bx bx-run
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-user-pin"></i> bx bx-user-pin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-grid"></i> bx bx-grid
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-code-alt"></i> bx bx-code-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-mail-send"></i> bx bx-mail-send
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-ghost"></i> bx bx-ghost
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shape-triangle"></i> bx bx-shape-triangle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shape-square"></i> bx bx-shape-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-video-recording"></i> bx bx-video-recording
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-notepad"></i> bx bx-notepad
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bug-alt"></i> bx bx-bug-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-mouse-alt"></i> bx bx-mouse-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-edit-alt"></i> bx bx-edit-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chat"></i> bx bx-chat
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-book-content"></i> bx bx-book-content
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-message-square-dots"></i> bx bx-message-square-dots
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-message-square"></i> bx bx-message-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-slideshow"></i> bx bx-slideshow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-wallet-alt"></i> bx bx-wallet-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-memory-card"></i> bx bx-memory-card
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-message-rounded-dots"></i> bx bx-message-rounded-dots
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-message-dots"></i> bx bx-message-dots
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bar-chart-alt-2"></i> bx bx-bar-chart-alt-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-store-alt"></i> bx bx-store-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-buildings"></i> bx bx-buildings
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-home-circle"></i> bx bx-home-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-money"></i> bx bx-money
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-walk"></i> bx bx-walk
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-repeat"></i> bx bx-repeat
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-font-family"></i> bx bx-font-family
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-joystick-button"></i> bx bx-joystick-button
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-paint"></i> bx bx-paint
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-unlink"></i> bx bx-unlink
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-brush"></i> bx bx-brush
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-rotate-left"></i> bx bx-rotate-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-badge-check"></i> bx bx-badge-check
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-show-alt"></i> bx bx-show-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-caret-down"></i> bx bx-caret-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-caret-right"></i> bx bx-caret-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-caret-up"></i> bx bx-caret-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-caret-left"></i> bx bx-caret-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-calendar-event"></i> bx bx-calendar-event
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-magnet"></i> bx bx-magnet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-rewind-circle"></i> bx bx-rewind-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-card"></i> bx bx-card
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-help-circle"></i> bx bx-help-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-test-tube"></i> bx bx-test-tube
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-note"></i> bx bx-note
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sort-down"></i> bx bx-sort-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sort-up"></i> bx bx-sort-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-id-card"></i> bx bx-id-card
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-badge"></i> bx bx-badge
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-grid-small"></i> bx bx-grid-small
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-grid-vertical"></i> bx bx-grid-vertical
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-grid-horizontal"></i> bx bx-grid-horizontal
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-move-vertical"></i> bx bx-move-vertical
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-move-horizontal"></i> bx bx-move-horizontal
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-stats"></i> bx bx-stats
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-equalizer"></i> bx bx-equalizer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-disc"></i> bx bx-disc
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-analyse"></i> bx bx-analyse
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-search-alt"></i> bx bx-search-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dollar-circle"></i> bx bx-dollar-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-football"></i> bx bx-football
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-ball"></i> bx bx-ball
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-circle"></i> bx bx-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-transfer"></i> bx bx-transfer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-fingerprint"></i> bx bx-fingerprint
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-font-color"></i> bx bx-font-color
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-highlight"></i> bx bx-highlight
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-file-blank"></i> bx bx-file-blank
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-strikethrough"></i> bx bx-strikethrough
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-photo-album"></i> bx bx-photo-album
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-code-block"></i> bx bx-code-block
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-font-size"></i> bx bx-font-size
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-handicap"></i> bx bx-handicap
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dialpad"></i> bx bx-dialpad
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-wind"></i> bx bx-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-water"></i> bx bx-water
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-swim"></i> bx bx-swim
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-restaurant"></i> bx bx-restaurant
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-box"></i> bx bx-box
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-menu-alt-right"></i> bx bx-menu-alt-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-menu-alt-left"></i> bx bx-menu-alt-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-video-plus"></i> bx bx-video-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-list-ol"></i> bx bx-list-ol
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-planet"></i> bx bx-planet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-hotel"></i> bx bx-hotel
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-movie"></i> bx bx-movie
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-taxi"></i> bx bx-taxi
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-train"></i> bx bx-train
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bath"></i> bx bx-bath
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bed"></i> bx bx-bed
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-area"></i> bx bx-area
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bot"></i> bx bx-bot
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dumbbell"></i> bx bx-dumbbell
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-check-double"></i> bx bx-check-double
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bus"></i> bx bx-bus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-check-circle"></i> bx bx-check-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-rocket"></i> bx bx-rocket
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-certification"></i> bx bx-certification
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-slider-alt"></i> bx bx-slider-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sad"></i> bx bx-sad
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-meh"></i> bx bx-meh
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-happy"></i> bx bx-happy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cart-alt"></i> bx bx-cart-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-car"></i> bx bx-car
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-loader-alt"></i> bx bx-loader-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-loader-circle"></i> bx bx-loader-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-wrench"></i> bx bx-wrench
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-alarm-off"></i> bx bx-alarm-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-layout"></i> bx bx-layout
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dock-left"></i> bx bx-dock-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dock-top"></i> bx bx-dock-top
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dock-right"></i> bx bx-dock-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dock-bottom"></i> bx bx-dock-bottom
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dock-bottom"></i> bx bx-dock-bottom
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-world"></i> bx bx-world
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-selection"></i> bx bx-selection
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-paper-plane"></i> bx bx-paper-plane
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-slider"></i> bx bx-slider
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-loader"></i> bx bx-loader
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chalkboard"></i> bx bx-chalkboard
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-trash-alt"></i> bx bx-trash-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-grid-alt"></i> bx bx-grid-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-command"></i> bx bx-command
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-window-close"></i> bx bx-window-close
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-notification-off"></i> bx bx-notification-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-plug"></i> bx bx-plug
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-infinite"></i> bx bx-infinite
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-carousel"></i> bx bx-carousel
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-hourglass"></i> bx bx-hourglass
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-briefcase-alt"></i> bx bx-briefcase-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-wallet"></i> bx bx-wallet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-station"></i> bx bx-station
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-collection"></i> bx bx-collection
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-tv"></i> bx bx-tv
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-closet"></i> bx bx-closet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-paperclip"></i> bx bx-paperclip
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-expand"></i> bx bx-expand
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pen"></i> bx bx-pen
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-purchase-tag"></i> bx bx-purchase-tag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-images"></i> bx bx-images
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pie-chart-alt"></i> bx bx-pie-chart-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-news"></i> bx bx-news
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-downvote"></i> bx bx-downvote
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-upvote"></i> bx bx-upvote
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-globe-alt"></i> bx bx-globe-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-store"></i> bx bx-store
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-hdd"></i> bx bx-hdd
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-skip-previous-circle"></i> bx bx-skip-previous-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-skip-next-circle"></i> bx bx-skip-next-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chip"></i> bx bx-chip
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cast"></i> bx bx-cast
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-body"></i> bx bx-body
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-phone-outgoing"></i> bx bx-phone-outgoing
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-phone-incoming"></i> bx bx-phone-incoming
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-collapse"></i> bx bx-collapse
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-rename"></i> bx bx-rename
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-rotate-right"></i> bx bx-rotate-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-horizontal-center"></i> bx bx-horizontal-center
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-ruler"></i> bx bx-ruler
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-import"></i> bx bx-import
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-calendar-alt"></i> bx bx-calendar-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-battery"></i> bx bx-battery
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-server"></i> bx bx-server
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-task"></i> bx bx-task
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-folder-open"></i> bx bx-folder-open
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-film"></i> bx bx-film
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-aperture"></i> bx bx-aperture
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-phone-call"></i> bx bx-phone-call
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-up-arrow"></i> bx bx-up-arrow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-undo"></i> bx bx-undo
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-timer"></i> bx bx-timer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-support"></i> bx bx-support
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-subdirectory-right"></i> bx bx-subdirectory-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-right-arrow"></i> bx bx-
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-"></i> bx bx-right-arrow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-revision"></i> bx bx-revision
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-repost"></i> bx bx-repost
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-reply"></i> bx bx-reply
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-reply-all"></i> bx bx-reply-all
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-redo"></i> bx bx-redo
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-radar"></i> bx bx-radar
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-poll"></i> bx bx-poll
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-list-check"></i> bx bx-list-check
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-like"></i> bx bx-like
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-left-arrow"></i> bx bx-left-arrow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-joystick-alt"></i> bx bx-joystick-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-history"></i> bx bx-history
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-flag"></i> bx bx-flag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-first-aid"></i> bx bx-first-aid
-                                            </div>    
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-export"></i> bx bx-export
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-down-arrow"></i> bx bx-down-arrow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dislike"></i> bx bx-dislike
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-crown"></i> bx bx-crown
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-barcode"></i> bx bx-barcode
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-user"></i> bx bx-user
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-user-x"></i> bx bx-user-x
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-user-plus"></i> bx bx-user-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-user-minus"></i> bx bx-user-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-user-circle"></i> bx bx-user-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-user-check"></i> bx bx-user-check
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-underline"></i> bx bx-underline
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-trophy"></i> bx bx-trophy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-trash"></i> bx bx-trash
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-text"></i> bx bx-text
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sun"></i> bx bx-sun
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-star"></i> bx bx-star
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sort"></i> bx bx-sort
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shuffle"></i> bx bx-shuffle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shopping-bag"></i> bx bx-shopping-bag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shield"></i> bx bx-shield
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-shield-alt"></i> bx bx-shield-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-share"></i> bx bx-share
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-share-alt"></i> bx bx-share-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-select-multiple"></i> bx bx-select-multiple
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-screenshot"></i> bx bx-screenshot
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-save"></i> bx bx-save
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pulse"></i> bx bx-pulse
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-power-off"></i> bx bx-power-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-plus"></i> bx bx-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pin"></i> bx bx-pin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pencil"></i> bx bx-pencil
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pin"></i> bx bx-pin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pencil"></i> bx bx-pencil
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-paste"></i> bx bx-paste
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-paragraph"></i> bx bx-paragraph
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-package"></i> bx bx-package  
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-notification"></i> bx bx-notification
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-music"></i> bx bx-music
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-move"></i> bx bx-move
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-mouse"></i> bx bx-mouse
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-minus"></i> bx bx-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-microphone-off"></i> bx bx-microphone-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-log-out"></i> bx bx-log-out
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-log-in"></i> bx bx-log-in
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-link-external"></i> bx bx-link-external
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-joystick"></i> bx bx-joystick
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-italic"></i> bx bx-italic
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-home-alt"></i> bx bx-home-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-heading"></i> bx bx-heading
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-hash"></i> bx bx-hash
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-group"></i> bx bx-group
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-git-repo-forked"></i> bx bx-git-repo-forked
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-git-pull-request"></i> bx bx-git-pull-request
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-git-merge"></i> bx bx-git-merge
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-git-compare"></i> bx bx-git-compare
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-git-commit"></i> bx bx-git-commit
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-git-branch"></i> bx bx-git-branch
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-font"></i> bx bx-font
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-filter"></i> bx bx-filter
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-file"></i> bx bx-file
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-edit"></i> bx bx-edit
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-diamond"></i> bx bx-diamond
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-detail"></i> bx bx-detail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cut"></i> bx bx-cut
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cube"></i> bx bx-cube
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-crop"></i> bx bx-crop
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-credit-card"></i> bx bx-credit-card
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-columns"></i> bx bx-columns
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cog"></i> bx bx-cog
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cloud-snow"></i> bx bx-cloud-snow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cloud-rain"></i> bx bx-cloud-rain
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cloud-lightning"></i> bx bx-cloud-lightning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cloud-light-rain"></i> bx bx-cloud-light-rain
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cloud-drizzle"></i> bx bx-cloud-drizzle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-check"></i> bx bx-check
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cart"></i> bx bx-cart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-calculator"></i> bx bx-calculator
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bold"></i> bx bx-bold
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-award"></i> bx bx-award
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-anchor"></i> bx bx-anchor
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-album"></i> bx bx-album
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-adjust"></i> bx bx-adjust
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-x"></i> bx bx-x
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-table"></i> bx bx-table
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-duplicate"></i> bx bx-duplicate
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-windows"></i> bx bx-windows
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-window"></i> bx bx-window
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-window-open"></i> bx bx-window-open
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-wifi"></i> bx bx-wifi
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-voicemail"></i> bx bx-voicemail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-video-off"></i> bx bx-video-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-usb"></i> bx bx-usb
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-upload"></i> bx bx-upload
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-alarm"></i> bx bx-alarm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-tennis-ball"></i> bx bx-tennis-ball
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-target-lock"></i> bx bx-target-lock
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-tag"></i> bx bx-tag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-tab"></i> bx bx-tab
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-spreadsheet"></i> bx bx-spreadsheet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sitemap"></i> bx bx-sitemap
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sidebar"></i> bx bx-sidebar
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-send"></i> bx bx-send
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pie-chart"></i> bx bx-pie-chart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-phone"></i> bx bx-phone
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-navigation"></i> bx bx-navigation
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-mobile"></i> bx bx-mobile
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-mobile-alt"></i> bx bx-mobile-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-message"></i> bx bx-message
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-message-rounded"></i> bx bx-message-rounded
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-map"></i> bx bx-map
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-map-alt"></i> bx bx-map-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-lock"></i> bx bx-lock
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-lock-open"></i> bx bx-lock-open
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-list-minus"></i> bx bx-list-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-list-ul"></i> bx bx-list-ul
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-list-plus"></i> bx bx-list-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-link"></i> bx bx-link
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-link-alt"></i> bx bx-link-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-layer"></i> bx bx-layer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-laptop"></i> bx bx-laptop
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-home"></i> bx bx-home
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-heart"></i> bx bx-heart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-headphone"></i> bx bx-headphone
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-devices"></i> bx bx-devices
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-globe"></i> bx bx-globe
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-gift"></i> bx bx-gift
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-envelope"></i> bx bx-envelope
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-download"></i> bx bx-download
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dots-vertical"></i> bx bx-dots-vertical
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dots-vertical-rounded"></i> bx bx-dots-vertical-rounded
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dots-horizontal"></i> bx bx-dots-horizontal
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dots-horizontal-rounded"></i> bx bx-dots-horizontal-rounded
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-dollar"></i> bx bx-dollar
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-directions"></i> bx bx-directions
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-desktop"></i> bx bx-desktop
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-data"></i> bx bx-data
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-compass"></i> bx bx-compass
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-crosshair"></i> bx bx-crosshair
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-terminal"></i> bx bx-terminal
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cloud"></i> bx bx-cloud
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cloud-upload"></i> bx bx-cloud-upload
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-cloud-download"></i> bx bx-cloud-download
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chart"></i> bx bx-chart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-calendar"></i> bx bx-calendar
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-calendar-x"></i> bx bx-calendar-x
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-calendar-minus"></i> bx bx-calendar-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-calendar-check"></i> bx bx-calendar-check
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-calendar-plus"></i> bx bx-calendar-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-buoy"></i> bx bx-buoy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bulb"></i> bx bx-bulb
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bluetooth"></i> bx bx-bluetooth
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bug"></i> bx bx-bug
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-building"></i> bx bx-building
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-broadcast"></i> bx bx-broadcast
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-briefcase"></i> bx bx-briefcase
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bookmark-plus"></i> bx bx-bookmark-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bookmark-minus"></i> bx bx-bookmark-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-"></i> bx bx-
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-book"></i> bx bx-book
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-book-bookmark"></i> bx bx-book-bookmark
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-block"></i> bx bx-block
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-basketball"></i> bx bx-basketball
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bar-chart"></i> bx bx-bar-chart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bar-chart-square"></i> bx bx-bar-chart-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bar-chart-alt"></i> bx bx-bar-chart-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-at"></i> bx bx-at
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-archive"></i> bx bx-archive
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-zoom-out"></i> bx bx-zoom-out
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-zoom-in"></i> bx bx-zoom-in
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-x-circle"></i> bx bx-x-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-volume"></i> bx bx-volume
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-volume-mute"></i> bx bx-volume-mute
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-volume-low"></i> bx bx-volume-low
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-volume-full"></i> bx bx-volume-full
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-video"></i> bx bx-video
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-vertical-center"></i> bx bx-vertical-center
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-up-arrow-circle"></i> bx bx-up-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-trending-up"></i> bx bx-trending-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-trending-down"></i> bx bx-trending-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-toggle-right"></i> bx bx-toggle-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-toggle-left"></i> bx bx-toggle-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-time"></i> bx bx-time
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-sync"></i> bx bx-sync
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-stopwatch"></i> bx bx-stopwatch
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-stop"></i> bx bx-stop
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-stop-circle"></i> bx bx-stop-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-skip-previous"></i> bx bx-skip-previous
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-skip-next"></i> bx bx-skip-next
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-show"></i> bx bx-show
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-search"></i> bx bx-search
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-rss"></i> bx bx-rss
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-right-top-arrow-circle"></i> bx bx-right-top-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-right-indent"></i> bx bx-right-indent
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-right-down-arrow-circle"></i> bx bx-right-down-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-right-arrow-circle"></i> bx bx-right-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-reset"></i> bx bx-reset
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-rewind"></i> bx bx-rewind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-rectangle"></i> bx bx-rectangle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-radio-circle"></i> bx bx-radio-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-radio-circle-marked"></i> bx bx-radio-circle-marked
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-question-mark"></i> bx bx-question-mark
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-plus-circle"></i> bx bx-plus-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-play"></i> bx bx-play
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-play-circle"></i> bx bx-play-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pause"></i> bx bx-pause
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-pause-circle"></i> bx bx-pause-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-moon"></i> bx bx-moon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-minus-circle"></i> bx bx-minus-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-microphone"></i> bx bx-microphone
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-menu"></i> bx bx-menu
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-left-top-arrow-circle"></i> bx bx-left-top-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-left-indent"></i> bx bx-left-indent
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-left-down-arrow-circle"></i> bx bx-left-down-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-left-arrow-circle"></i> bx bx-left-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-last-page"></i> bx bx-last-page
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-key"></i> bx bx-key
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-align-justify"></i> bx bx-align-justify
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-info-circle"></i> bx bx-info-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-image"></i> bx bx-image
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-hide"></i> bx bx-hide
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-fullscreen"></i> bx bx-fullscreen
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-folder"></i> bx bx-folder
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-folder-plus"></i> bx bx-folder-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-folder-minus"></i> bx bx-folder-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-first-page"></i> bx bx-first-page
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-fast-forward"></i> bx bx-fast-forward
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-fast-forward-circle"></i> bx bx-fast-forward-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-exit-fullscreen"></i> bx bx-exit-fullscreen
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-error"></i> bx bx-error
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-error-circle"></i> bx bx-error-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-down-arrow-circle"></i> bx bx-down-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-copyright"></i> bx bx-copyright
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-copy"></i> bx bx-copy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-coffee"></i> bx bx-coffee
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-code"></i> bx bx-code
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-code-curly"></i> bx bx-code-curly
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-clipboard"></i> bx bx-clipboard
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chevrons-left"></i> bx bx-chevrons-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chevrons-right"></i> bx bx-chevrons-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chevrons-up"></i> bx bx-chevrons-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chevrons-down"></i> bx bx-chevrons-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chevron-right"></i> bx bx-chevron-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chevron-left"></i> bx bx-chevron-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chevron-up"></i> bx bx-chevron-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-chevron-down"></i> bx bx-chevron-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-checkbox-square"></i> bx bx-checkbox-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-checkbox"></i> bx bx-checkbox
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-checkbox-checked"></i> bx bx-checkbox-checked
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-captions"></i> bx bx-captions
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-camera"></i> bx bx-camera
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-camera-off"></i> bx bx-camera-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bullseye"></i> bx bx-bullseye
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bookmarks"></i> bx bx-bookmarks
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bookmark"></i> bx bx-bookmark
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bell"></i> bx bx-bell
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bell-plus"></i> bx bx-bell-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bell-off"></i> bx bx-bell-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-bell-minus"></i> bx bx-bell-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-arrow-back"></i> bx bx-arrow-back
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-align-right"></i> bx bx-align-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-align-middle"></i> bx bx-align-middle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bx-align-left"></i> bx bx-align-left
-                                            </div>
-            
-                                        </div>
-                                        <!-- end row -->
-    
-                                        <h5 class="mt-5">Solid Icons</h5>
-                                        <div class="row icons-list-demo">
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-wink-tongue"></i> bx bxs-wink-tongue
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-upside-down"></i> bx bxs-upside-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-happy-alt"></i> bx bxs-happy-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-laugh"></i> bx bxs-laugh
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-meh-blank"></i> bx bxs-meh-blank
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cool"></i> bx bxs-cool
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-tired"></i> bx bxs-tired
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-happy-beaming"></i> bx bxs-happy-beaming
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-shocked"></i> bx bxs-shocked
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-happy"></i> bx bxs-happy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-sad"></i> bx bxs-sad
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-sleepy"></i> bx bxs-sleepy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-confused"></i> bx bxs-confused
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-meh-alt"></i> bx bxs-meh-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-meh"></i> bx bxs-meh
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-smile"></i> bx bxs-smile
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-wink-smile"></i> bx bxs-wink-smile
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-dizzy"></i> bx bxs-dizzy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-happy-heart-eyes"></i> bx bxs-happy-heart-eyes
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-angry"></i> bx bxs-angry
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-business"></i> bx bxs-business
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-camera-plus"></i> bx bxs-camera-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-food-menu"></i> bx bxs-food-menu
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-offer"></i> bx bxs-offer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-clinic"></i> bx bxs-clinic
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hand-left"></i> bx bxs-hand-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hand-down"></i> bx bxs-hand-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hand-right"></i> bx bxs-hand-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hand-up"></i> bx bxs-hand-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-baby-carriage"></i> bx bxs-baby-carriage
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-caret-left-circle"></i> bx bxs-caret-left-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-caret-right-circle"></i> bx bxs-caret-right-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-caret-down-circle"></i> bx bxs-caret-down-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-caret-up-circle"></i> bx bxs-caret-up-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-tone"></i> bx bxs-tone
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bolt-circle"></i> bx bxs-bolt-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-city"></i> bx bxs-city
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cake"></i> bx bxs-cake
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-spa"></i> bx bxs-spa
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-dish"></i> bx bxs-dish
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-fridge"></i> bx bxs-fridge
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-image-add"></i> bx bxs-image-add
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-alarm-add"></i> bx bxs-alarm-add
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-archive-out"></i> bx bxs-archive-out
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-archive-in"></i> bx bxs-archive-in
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-add-to-queue"></i> bx bxs-add-to-queue
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-check-shield"></i> bx bxs-check-shield
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-label"></i> bx bxs-label
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-face"></i> bx bxs-face
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-find"></i> bx bxs-file-find
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-extension"></i> bx bxs-extension
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-exit"></i> bx bxs-exit
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-brush-alt"></i> bx bxs-brush-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-layout"></i> bx bxs-layout
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-quote-alt-right"></i> bx bxs-quote-alt-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-quote-alt-left"></i> bx bxs-quote-alt-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-mobile-vibration"></i> bx bxs-mobile-vibration
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-fast-forward-circle"></i> bx bxs-fast-forward-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-rewind-circle"></i> bx bxs-rewind-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-carousel"></i> bx bxs-carousel
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-customize"></i> bx bxs-customize
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-calendar-event"></i> bx bxs-calendar-event
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-calendar-check"></i> bx bxs-calendar-check
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-calendar-x"></i> bx bxs-calendar-x
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-calendar-minus"></i> bx bxs-calendar-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-calendar-plus"></i> bx bxs-calendar-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-calendar-alt"></i> bx bxs-calendar-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-calendar"></i> bx bxs-calendar
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-briefcase-alt-2"></i> bx bxs-briefcase-alt-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bookmark-minus"></i> bx bxs-bookmark-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bookmarks"></i> bx bxs-bookmarks
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-time-five"></i> bx bxs-time-five
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-pie-chart-alt-2"></i> bx bxs-pie-chart-alt-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-time"></i> bx bxs-time
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-timer"></i> bx bxs-timer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-stopwatch"></i> bx bxs-stopwatch
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-compass"></i> bx bxs-compass
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user-check"></i> bx bxs-user-check
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user-x"></i> bx bxs-user-x
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-grid"></i> bx bxs-grid
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-zoom-out"></i> bx bxs-zoom-out
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-zoom-in"></i> bx bxs-zoom-in
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-search"></i> bx bxs-search
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bell-minus"></i> bx bxs-bell-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bell-plus"></i> bx bxs-bell-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-folder-minus"></i> bx bxs-folder-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-mobile"></i> bx bxs-mobile
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-data"></i> bx bxs-data
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-skip-next-circle"></i> bx bxs-skip-next-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-skip-previous-circle"></i> bx bxs-skip-previous-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-chalkboard"></i> bx bxs-chalkboard
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-school"></i> bx bxs-school
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-institution"></i> bx bxs-institution
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-left-down-arrow-circle"></i> bx bxs-left-down-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-left-top-arrow-circle"></i> bx bxs-left-top-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-right-down-arrow-circle"></i> bx bxs-right-down-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-right-top-arrow-circle"></i> bx bxs-right-top-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-down-arrow"></i> bx bxs-down-arrow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-up-arrow"></i> bx bxs-up-arrow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-left-arrow"></i> bx bxs-left-arrow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-right-arrow"></i> bx bxs-right-arrow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-rectangle"></i> bx bxs-rectangle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-brightness"></i> bx bxs-brightness
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-brightness-half"></i> bx bxs-brightness-half
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-paint"></i> bx bxs-paint
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-credit-card"></i> bx bxs-credit-card
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-credit-card-alt"></i> bx bxs-credit-card-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-band-aid"></i> bx bxs-band-aid
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-map-pin"></i> bx bxs-map-pin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-receipt"></i> bx bxs-receipt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-purchase-tag-alt"></i> bx bxs-purchase-tag-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-basket"></i> bx bxs-basket
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-palette"></i> bx bxs-palette
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-plane-alt"></i> bx bxs-plane-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-component"></i> bx bxs-component
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-traffic-barrier"></i> bx bxs-traffic-barrier
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-no-entry"></i> bx bxs-no-entry
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-message-alt-dots"></i> bx bxs-message-alt-dots
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-message-alt"></i> bx bxs-message-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-check-square"></i> bx bxs-check-square 
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-notification-off"></i> bx bxs-notification-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-notification"></i> bx bxs-notification
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-log-out"></i> bx bxs-log-out
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-log-in"></i> bx bxs-log-in
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-log-out-circle"></i> bx bxs-log-out-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-log-in-circle"></i> bx bxs-log-in-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-circle"></i> bx bxs-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-doughnut-chart"></i> bx bxs-doughnut-chart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-building-house"></i> bx bxs-building-house
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-comment-error"></i> bx bxs-comment-error
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user-voice"></i> bx bxs-user-voice
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cuboid"></i> bx bxs-cuboid
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cube-alt"></i> bx bxs-cube-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-polygon"></i> bx bxs-polygon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-square-rounded"></i> bx bxs-square-rounded
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-square"></i> bx bxs-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-error-alt"></i> bx bxs-error-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-shield-alt-2"></i> bx bxs-shield-alt-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-paint-roll"></i> bx bxs-paint-roll
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-comment-add"></i> bx bxs-comment-add
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-droplet-half"></i> bx bxs-droplet-half
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-search-alt-2"></i> bx bxs-search-alt-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bowling-ball"></i> bx bxs-bowling-ball
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hourglass-bottom"></i> bx bxs-hourglass-bottom
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hourglass-top"></i> bx bxs-hourglass-top
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-lock-open-alt"></i> bx bxs-lock-open-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-lock-alt"></i> bx bxs-lock-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-graduation"></i> bx bxs-graduation
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-vial"></i> bx bxs-vial
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cylinder"></i> bx bxs-cylinder
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-pyramid"></i> bx bxs-pyramid
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-wine"></i> bx bxs-wine
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-comment-detail"></i> bx bxs-comment-detail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-comment-dots"></i> bx bxs-comment-dots
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-comment"></i> bx bxs-comment
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-traffic"></i> bx bxs-traffic
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-landscape"></i> bx bxs-landscape
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-adjust-alt"></i> bx bxs-adjust-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-id-card"></i> bx bxs-id-card
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-parking"></i> bx bxs-parking
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-plane-land"></i> bx bxs-plane-land
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-plane-take-off"></i> bx bxs-plane-take-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-analyse"></i> bx bxs-analyse
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-gif"></i> bx bxs-file-gif
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-jpg"></i> bx bxs-file-jpg
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-png"></i> bx bxs-file-png 
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-txt"></i> bx bxs-file-txt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-md"></i> bx bxs-file-md
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-json"></i> bx bxs-file-json
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-js"></i> bx bxs-file-js
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-css"></i> bx bxs-file-css
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-html"></i> bx bxs-file-html
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-copy-alt"></i> bx bxs-copy-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-doc"></i> bx bxs-file-doc
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user-pin"></i> bx bxs-user-pin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-quote-single-right"></i> bx bxs-quote-single-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-quote-single-left"></i> bx bxs-quote-single-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-ghost"></i> bx bxs-ghost
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-direction-left"></i> bx bxs-direction-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-video-recording"></i> bx bxs-video-recording
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-notepad"></i> bx bxs-notepad
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bug-alt"></i> bx bxs-bug-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-mouse-alt"></i> bx bxs-mouse-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-edit-alt"></i> bx bxs-edit-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-chat"></i> bx bxs-chat
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-book-content"></i> bx bxs-book-content
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-message-square-dots"></i> bx bxs-message-square-dots
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-message-square"></i> bx bxs-message-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-slideshow"></i> bx bxs-slideshow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bank"></i> bx bxs-bank
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-wallet-alt"></i> bx bxs-wallet-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-memory-card"></i> bx bxs-memory-card
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-devices"></i> bx bxs-devices
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-message-rounded-dots"></i> bx bxs-message-rounded-dots
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-message-dots"></i> bx bxs-message-dots
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bar-chart-alt-2"></i> bx bxs-bar-chart-alt-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-store-alt"></i> bx bxs-store-alt 
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-buildings"></i> bx bxs-buildings
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-home-circle"></i> bx bxs-home-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-pdf"></i> bx bxs-file-pdf
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-yin-yang"></i> bx bxs-yin-yang
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-ship"></i> bx bxs-ship
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-factory"></i> bx bxs-factory
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-tree"></i> bx bxs-tree
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-plane"></i> bx bxs-plane
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user-rectangle"></i> bx bxs-user-rectangle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-eyedropper"></i> bx bxs-eyedroppers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cloud-lightning"></i> bx bxs-cloud-lightning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cloud-rain"></i> bx bxs-cloud-rain
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-eraser"></i> bx bxs-eraser
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-magic-wand"></i> bx bxs-magic-wand
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hotel"></i> bx bxs-hotel
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-color-fill"></i> bx bxs-color-fill
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-capsule"></i> bx bxs-capsule
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-flask"></i> bx bxs-flask
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-joystick-button"></i> bx bxs-joystick-button
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-direction-right"></i> bx bxs-direction-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-directions"></i> bx bxs-directions
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-megaphone"></i> bx bxs-megaphone
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-keyboard"></i> bx bxs-keyboard
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-brush"></i> bx bxs-brush
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-coffee-alt"></i> bx bxs-coffee-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-badge-check"></i> bx bxs-badge-check
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-landmark"></i> bx bxs-landmark
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-gas-pump"></i> bx bxs-gas-pump
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user-badge"></i> bx bxs-user-badge
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-right-arrow-square"></i> bx bxs-right-arrow-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-down-arrow-square"></i> bx bxs-down-arrow-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-up-arrow-square"></i> bx bxs-up-arrow-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-left-arrow-square"></i> bx bxs-left-arrow-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-ambulance"></i> bx bxs-ambulance
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-magnet"></i> bx bxs-magnet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-card"></i> bx bxs-card
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-help-circle"></i> bx bxs-help-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-note"></i> bx bxs-note
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-badge"></i> bx bxs-badge
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-flame"></i> bx bxs-flame
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-disc"></i> bx bxs-disc
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-minus-square"></i> bx bxs-minus-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-plus-square"></i> bx bxs-plus-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-x-square"></i> bx bxs-x-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs- microphone-alt"></i> bx bxs-microphone-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-image-alt"></i> bx bxs-image-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-skull"></i> bx bxs-skull
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-dollar-circle"></i> bx bxs-dollar-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-film"></i> bx bxs-film
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-ball"></i> bx bxs-ball
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-edit"></i> bx bxs-edit
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-blank"></i> bx bxs-file-blank
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bell-ring"></i> bx bxs-bell-ring
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-photo-album"></i> bx bxs-photo-album
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-key"></i> bx bxs-key
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-video-plus"></i> bx bxs-video-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-box"></i> bx bxs-box
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-planet"></i> bx bxs-planet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-movie"></i> bx bxs-movie
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-taxi"></i> bx bxs-taxi
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-train"></i> bx bxs-train
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bath"></i> bx bxs-bath
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bed"></i> bx bxs-bed
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-area"></i> bx bxs-area
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bot"></i> bx bxs-bot
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bus"></i> bx bxs-bus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-star-half"></i> bx bxs-star-half
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-checkbox-checked"></i> bx bxs-checkbox-checked
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-checkbox"></i> bx bxs-checkbox
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-check-circle"></i> bx bxs-check-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-rocket"></i> bx bxs-rocket
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-certification"></i> bx bxs-certification
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-plus"></i> bx bxs-file-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-dashboard"></i> bx bxs-dashboard
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-conversation"></i> bx bxs-conversation
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-battery-low"></i> bx bxs-battery-low
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-folder-open"></i> bx bxs-folder-open
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-zap"></i> bx bxs-zap
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-x-circle"></i> bx bxs-x-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-wrench"></i> bx bxs-wrench
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-widget"></i> bx bxs-widget
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-watch"></i> bx bxs-watch
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-watch-alt"></i> bx bxs-watch-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-wallet"></i> bx bxs-wallet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-volume"></i> bx bxs-volume
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-volume-mute"></i> bx bxs-volume-mute
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-volume-low"></i> bx bxs-volume-low
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-volume-full"></i> bx bxs-volume-full
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-videos"></i> bx bxs-videos
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-video"></i> bx bxs-video
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-video-off"></i> bx bxs-video-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user"></i> bx bxs-user
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user-plus"></i> bx bxs-user-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user-minus"></i> bx bxs-user-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user-detail"></i> bx bxs-user-detail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-user-circle"></i> bx bxs-user-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-upvote"></i> bx bxs-upvote
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-up-arrow-circle"></i> bx bxs-up-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-truck"></i> bx bxs-truck
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-trophy"></i> bx bxs-trophy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-trash"></i> bx bxs-trash
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-trash-alt"></i> bx bxs-trash-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-torch"></i> bx bxs-torch
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-toggle-right"></i> bx bxs-toggle-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-to-top"></i> bx bxs-to-top
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-terminal"></i> bx bxs-terminal
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-tennis-ball"></i> bx bxs-tennis-ball
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-tag"></i> bx bxs-tag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-tag-x"></i> bx bxs-tag-x
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-t-shirt"></i> bx bxs-t-shirt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-sun"></i> bx bxs-sun
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-store"></i> bx bxs-store
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-star"></i> bx bxs-star
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-spreadsheet"></i> bx bxs-spreadsheet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-show"></i> bx bxs-show
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-shopping-bag"></i> bx bxs-shopping-bag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-shopping-bag-alt"></i> bx bxs-shopping-bag-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-shield"></i> bx bxs-shield
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-share"></i> bx bxs-share
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-share-alt"></i> bx bxs-share-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-server"></i> bx bxs-server
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-send"></i> bx bxs-send
-                                            </div>   
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-select-multiple"></i> bx bxs-select-multiple
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-sort-alt"></i> bx bxs-sort-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-save"></i> bx bxs-save
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-ruler"></i> bx bxs-ruler
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-right-arrow-circle"></i> bx bxs-right-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-report"></i> bx bxs-report
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-rename"></i> bx bxs-rename
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-radio"></i> bx bxs-radio
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-quote-right"></i> bx bxs-quote-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-quote-left"></i> bx bxs-quote-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-purchase-tag"></i> bx bxs-purchase-tag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-printer"></i> bx bxs-printer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-plus-circle"></i> bx bxs-plus-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-plug"></i> bx bxs-plug
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-playlist"></i> bx bxs-playlist
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-pin"></i> bx bxs-pin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-pie-chart"></i> bx bxs-pie-chart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-pie-chart-alt"></i> bx bxs-pie-chart-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-phone"></i> bx bxs-phone
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-phone-outgoing"></i> bx bxs-phone-outgoing
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-phone-incoming"></i> bx bxs-phone-incoming
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-phone-call"></i> bx bxs-phone-call
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-pencil"></i> bx bxs-pencil
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-pen"></i> bx bxs-pen
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-paste"></i> bx bxs-paste
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-paper-plane"></i> bx bxs-paper-plane
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-package"></i> bx bxs-package
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-news"></i> bx bxs-news
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-navigation"></i> bx bxs-navigation
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-music"></i> bx bxs-music
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-mouse"></i> bx bxs-mouse
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-moon"></i> bx bxs-moon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-minus-circle"></i> bx bxs-minus-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-microphone"></i> bx bxs-microphone
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-microphone-off"></i> bx bxs-microphone-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-message"></i> bx bxs-message
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-message-rounded"></i> bx bxs-message-rounded
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-map"></i> bx bxs-map
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-map-alt"></i> bx bxs-map-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-lock"></i> bx bxs-lock
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-lock-open"></i> bx bxs-lock-open
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-like"></i> bx bxs-like
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-left-arrow-circle"></i> bx bxs-left-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-layer"></i> bx bxs-layer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-joystick"></i> bx bxs-joystick
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-joystick-alt"></i> bx bxs-joystick-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-info-circle"></i> bx bxs-info-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-inbox"></i> bx bxs-inbox
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-image"></i> bx bxs-image
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hourglass"></i> bx bxs-hourglass
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hot"></i> bx bxs-hot
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-home"></i> bx bxs-home
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hide"></i> bx bxs-hide
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-heart"></i> bx bxs-heart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-hdd"></i> bx bxs-hdd
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-group"></i> bx bxs-group
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-grid-alt"></i> bx bxs-grid-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-gift"></i> bx bxs-gift
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-flag"></i> bx bxs-flag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-flag-alt"></i> bx bxs-flag-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-first-aid"></i> bx bxs-first-aid
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-filter-alt"></i> bx bxs-filter-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file"></i> bx bxs-file
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file"></i> bx bxs-file
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-file-image"></i> bx bxs-file-image
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-error"></i> bx bxs-error
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-error-circle"></i> bx bxs-error-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-envelope"></i> bx bxs-envelope
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-eject"></i> bx bxs-eject
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-duplicate"></i> bx bxs-duplicate
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-droplet"></i> bx bxs-droplet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-drink"></i> bx bxs-drink
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-downvote"></i> bx bxs-downvote
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-download"></i> bx bxs-download
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-down-arrow-circle"></i> bx bxs-down-arrow-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-dock-top"></i> bx bxs-dock-top
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-dock-right"></i> bx bxs-dock-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-dock-left"></i> bx bxs-dock-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-dock-bottom"></i> bx bxs-dock-bottom
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-dislike"></i> bx bxs-dislike
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-discount"></i> bx bxs-discount
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-detail"></i> bx bxs-detail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cube"></i> bx bxs-cube
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-crown"></i> bx bxs-crown
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-coupon"></i> bx bxs-coupon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-copy"></i> bx bxs-copy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-contact"></i> bx bxs-contact
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-collection"></i> bx bxs-collection
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cog"></i> bx bxs-cog
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-coffee"></i> bx bxs-coffee
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cloud"></i> bx bxs-cloud
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cloud-upload"></i> bx bxs-cloud-upload
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cloud-download"></i> bx bxs-cloud-download
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-chip"></i> bx bxs-chip
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-chart"></i> bx bxs-chart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cart"></i> bx bxs-cart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-cart-alt"></i> bx bxs-cart-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-car"></i> bx bxs-car
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-captions"></i> bx bxs-captions
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-calculator"></i> bx bxs-calculator
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-buoy"></i> bx bxs-buoy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bulb"></i> bx bxs-bulb
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-building"></i> bx bxs-building
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bug"></i> bx bxs-bug
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-briefcase-alt"></i> bx bxs-briefcase-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-briefcase"></i> bx bxs-briefcase
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bookmark-star"></i> bx bxs-bookmark-star
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-book-open"></i> bx bxs-book-open
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bookmark-plus"></i> bx bxs-bookmark-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bookmark"></i> bx bxs-bookmark
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-book"></i> bx bxs-book
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bolt"></i> bx bxs-bolt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bell-off"></i> bx bxs-bell-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bell"></i> bx bxs-bell
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-battery-full"></i> bx bxs-battery-full
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-battery-charging"></i> bx bxs-battery-charging
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-battery"></i> bx bxs-battery
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-barcode"></i> bx bxs-barcode
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-bar-chart-square"></i> bx bxs-bar-chart-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-award"></i> bx bxs-award
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-folder-plus"></i> bx bxs-folder-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-folder"></i> bx bxs-folder
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-camera-off"></i> bx bxs-camera-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-camera"></i> bx bxs-camera
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-archive"></i> bx bxs-archive
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-album"></i> bx bxs-album
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-alarm-off"></i> bx bxs-alarm-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-alarm"></i> bx bxs-alarm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxs-adjust"></i> bx bxs-adjust
-                                            </div>
-                                            
-                                        </div>
-
-                                        <!-- end row -->
-                                        <h4 class="mt-5">Logos</h4>
-                                        <div class="row icons-list-demo">
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-redbubble"></i> bx bxl-redbubble
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-patreon"></i> bx bxl-patreon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-gitlab"></i> bx bxl-gitlab
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-etsy"></i> bx bxl-etsy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-figma"></i> bx bxl-figma
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-audible"></i> bx bxl-audible
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-algolia"></i> bx bxl-algolia
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-adobe"></i> bx bxl-adobe
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-pinterest-alt"></i> bx bxl-pinterest-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-imdb"></i> bx bxl-imdb
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-jquery"></i> bx bxl-jquery
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-facebook-circle"></i> bx bxl-facebook-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-instagram-alt"></i> bx bxl-instagram-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-flickr-square"></i> bx bxl-flickr-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-whatsapp-square"></i> bx bxl-whatsapp-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-squarespace"></i> bx bxl-squarespace
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-medium-old"></i> bx bxl-medium-old
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-mailchimp"></i> bx bxl-mailchimp
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-wix"></i> bx bxl-wix
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-trello"></i> bx bxl-trello
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-spotify"></i> bx bxl-spotify
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-soundcloud"></i> bx bxl-soundcloud
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-snapchat"></i> bx bxl-snapchat
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-less"></i> bx bxl-less
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-flickr"></i> bx bxl-flickr
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-shopify"></i> bx bxl-shopify
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-jsfiddle"></i> bx bxl-jsfiddle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-css3"></i> bx bxl-css3
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-microsoft"></i> bx bxl-microsoft
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-yahoo"></i> bx bxl-yahoo
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-bootstrap"></i> bx bxl-bootstrap
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-redux"></i> bx bxl-redux
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-mastercard"></i> bx bxl-mastercard
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-visa"></i> bx bxl-visa
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-baidu"></i> bx bxl-baidu
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-chrome"></i> bx bxl-chrome
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-dailymotion"></i> bx bxl-dailymotion
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-joomla"></i> bx bxl-joomla
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-internet-explorer"></i> bx bxl-internet-explorer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-paypal"></i> bx bxl-paypal
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-edge"></i> bx bxl-edge
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-stripe"></i> bx bxl-stripe
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-telegram"></i> bx bxl-telegram
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-wordpress"></i> bx bxl-wordpress
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-periscope"></i> bx bxl-periscope
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-react"></i> bx bxl-react
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-bing"></i> bx bxl-bing
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-vuejs"></i> bx bxl-vuejs
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-kickstarter"></i> bx bxl-kickstarter
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-nodejs"></i> bx bxl-nodejs
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-javascript"></i> bx bxl-javascript
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-firefox"></i> bx bxl-firefox
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-stack-overflow"></i> bx bxl-stack-overflow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-magento"></i> bx bxl-magento
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-product-hunt"></i> bx bxl-product-hunt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-html5"></i> bx bxl-html5
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-git"></i> bx bxl-git
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-quora"></i> bx bxl-quora
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-yelp"></i> bx bxl-yelp
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-airbnb"></i> bx bxl-airbnb
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-opera"></i> bx bxl-opera
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-invision"></i> bx bxl-invision
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-foursquare"></i> bx bxl-foursquare
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-sass"></i> bx bxl-sass
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-wikipedia"></i> bx bxl-wikipedia
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-unsplash"></i> bx bxl-unsplash
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-digg"></i> bx bxl-digg
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-amazon"></i> bx bxl-amazon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-ebay"></i> bx bxl-ebay
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-drupal"></i> bx bxl-drupal
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-dropbox"></i> bx bxl-dropbox
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-discourse"></i> bx bxl-discourse
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-deviantart"></i> bx bxl-deviantart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-digitalocean"></i> bx bxl-digitalocean
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-creative-commons"></i> bx bxl-creative-commons
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-codepen"></i> bx bxl-codepen
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-angular"></i> bx bxl-angular
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-messenger"></i> bx bxl-messenger
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-pocket"></i> bx bxl-pocket
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-vk"></i> bx bxl-vk
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-windows"></i> bx bxl-windows
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-play-store"></i> bx bxl-play-store
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-android"></i> bx bxl-android
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-apple"></i> bx bxl-apple
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-blogger"></i> bx bxl-blogger
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-pinterest"></i> bx bxl-pinterest
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-reddit"></i> bx bxl-reddit
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-discord"></i> bx bxl-discord
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-twitch"></i> bx bxl-twitch
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-slack"></i> bx bxl-slack
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-slack-old"></i> bx bxl-slack-old
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-skype"></i> bx bxl-skype
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-medium-square"></i> bx bxl-medium-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-medium"></i> bx bxl-medium
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-linkedin-square"></i> bx bxl-linkedin-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-google-plus-circle"></i> bx bxl-google-plus-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-google-plus"></i> bx bxl-google-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-facebook-square"></i> bx bxl-facebook-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-bitcoin"></i> bx bxl-bitcoin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-linkedin"></i> bx bxl-linkedin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-vimeo"></i> bx bxl-vimeo
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-dribbble"></i> bx bxl-dribbble
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-behance"></i> bx bxl-behance
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-tumblr"></i> bx bxl-tumblr
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">  
-                                                <i class="bx bxl-whatsapp"></i> bx bxl-whatsapp
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-youtube"></i> bx bxl-youtube
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-twitter"></i> bx bxl-twitter
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-instagram"></i> bx bxl-instagram
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-google"></i> bx bxl-google
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-github"></i> bx bxl-github
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="bx bxl-facebook"></i> bx bxl-facebook
-                                            </div>
-                                            
-                                        </div>
-                                        <!-- end row -->
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/icons-feather.html b/public/modern/icons-feather.html
deleted file mode 100644
index 8a7f1fa..0000000
--- a/public/modern/icons-feather.html
+++ /dev/null
@@ -1,2513 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Feather Icons | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Feather Icons</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Icons</a></li>
-                                            <li class="breadcrumb-item active">Feather</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row icons-list-demo">
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-alert-octagon"></i> fe-alert-octagon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-alert-circle"></i> fe-alert-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-activity"></i> fe-activity
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-alert-triangle"></i> fe-alert-triangle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-align-center"></i> fe-align-center
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-airplay"></i> fe-airplay
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-align-justify"></i> fe-align-justify
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-align-left"></i> fe-align-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-align-right"></i> fe-align-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-down-left"></i> fe-arrow-down-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-down-right"></i> fe-arrow-down-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-anchor"></i> fe-anchor
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-aperture"></i> fe-aperture
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-left"></i> fe-arrow-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-right"></i> fe-arrow-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-down"></i> fe-arrow-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-up-left"></i> fe-arrow-up-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-up-right"></i> fe-arrow-up-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-up"></i> fe-arrow-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-award"></i> fe-award
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-bar-chart"></i> fe-bar-chart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-at-sign"></i> fe-at-sign
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-bar-chart-2"></i> fe-bar-chart-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-battery-charging"></i> fe-battery-charging
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-bell-off"></i> fe-bell-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-battery"></i> fe-battery
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-bluetooth"></i> fe-bluetooth
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-bell"></i> fe-bell
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-book"></i> fe-book
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-briefcase"></i> fe-briefcase
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-camera-off"></i> fe-camera-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-calendar"></i> fe-calendar
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-bookmark"></i> fe-bookmark
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-box"></i> fe-box
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-camera"></i> fe-camera
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-check-circle"></i> fe-check-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-check"></i> fe-check
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-check-square"></i> fe-check-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-cast"></i> fe-cast
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-chevron-down"></i> fe-chevron-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-chevron-left"></i> fe-chevron-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-chevron-right"></i> fe-chevron-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-chevron-up"></i> fe-chevron-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-chevrons-down"></i> fe-chevrons-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-chevrons-right"></i> fe-chevrons-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-chevrons-up"></i> fe-chevrons-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-chevrons-left"></i> fe-chevrons-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-circle"></i> fe-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-clipboard"></i> fe-clipboard
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-chrome"></i> fe-chrome
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-clock"></i> fe-clock
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-cloud-lightning"></i> fe-cloud-lightning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-cloud-drizzle"></i> fe-cloud-drizzle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-cloud-rain"></i> fe-cloud-rain
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-cloud-off"></i> fe-cloud-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-codepen"></i> fe-codepen
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-cloud-snow"></i> fe-cloud-snow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-compass"></i> fe-compass
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-copy"></i> fe-copy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-corner-down-right"></i> fe-corner-down-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-corner-down-left"></i> fe-corner-down-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-corner-left-down"></i> fe-corner-left-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-corner-left-up"></i> fe-corner-left-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-corner-up-left"></i> fe-corner-up-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-corner-up-right"></i> fe-corner-up-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-corner-right-down"></i> fe-corner-right-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-corner-right-up"></i> fe-corner-right-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-cpu"></i> fe-cpu
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-credit-card"></i> fe-credit-card
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-crosshair"></i> fe-crosshair
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-disc"></i> fe-disc
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-delete"></i> fe-delete
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-download-cloud"></i> fe-download-cloud
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-download"></i> fe-download
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-droplet"></i> fe-droplet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-edit-2"></i> fe-edit-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-edit"></i> fe-edit
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-edit-1"></i> fe-edit-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-external-link"></i> fe-external-link
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-eye"></i> fe-eye
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-feather"></i> fe-feather
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-facebook"></i> fe-facebook
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-file-minus"></i> fe-file-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-eye-off"></i> fe-eye-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-fast-forward"></i> fe-fast-forward
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-file-text"></i> fe-file-text
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-film"></i> fe-film
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-file"></i> fe-file
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-file-plus"></i> fe-file-plus 
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-folder"></i> fe-folder
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-filter"></i> fe-filter
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-flag"></i> fe-flag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-globe"></i> fe-globe
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-grid"></i> fe-grid
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-heart"></i> fe-heart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-home"></i> fe-home
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-github"></i> fe-github
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-image"></i> fe-image
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-inbox"></i> fe-inbox
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-layers"></i> fe-layers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-info"></i> fe-info
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-instagram"></i> fe-instagram
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-layout"></i> fe-layout
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-link-2"></i> fe-link-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-life-buoy"></i> fe-life-buoy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-link"></i> fe-link
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-log-in"></i> fe-log-in
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-list"></i> fe-list
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-lock"></i> fe-lock
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-log-out"></i> fe-log-out
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-loader"></i> fe-loader
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-mail"></i> fe-mail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-maximize-2"></i> fe-maximize-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-map"></i> fe-map
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-maximize"></i> fe-maximize
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-map-pin"></i> fe-map-pin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-menu"></i> fe-menu
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-message-circle"></i> fe-message-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-message-square"></i> fe-message-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-minimize-2"></i> fe-minimize-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-minimize"></i> fe-minimize
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-mic-off"></i> fe-mic-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-minus-circle"></i> fe-minus-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-mic"></i> fe-mic
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-minus-square"></i> fe-minus-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-minus"></i> fe-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-moon"></i> fe-moon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-monitor"></i> fe-monitor
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-more-vertical"></i> fe-more-vertical
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-more-horizontal"></i> fe-more-horizontal
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-move"></i> fe-move
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-music"></i> fe-music
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-navigation-2"></i> fe-navigation-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-navigation"></i> fe-navigation
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-octagon"></i> fe-octagon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-package"></i> fe-package
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-pause-circle"></i> fe-pause-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-pause"></i> fe-pause
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-percent"></i> fe-percent
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-phone-call"></i> fe-phone-call
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-phone-forwarded"></i> fe-phone-forwarded
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-phone-missed"></i> fe-phone-miss
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-phone-off"></i> fe-phone-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-phone-incoming"></i> fe-phone-incoming
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-phone"></i> fe-phone
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-phone-outgoing"></i> fe-phone-outgoing
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-pie-chart"></i> fe-pie-chart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-play-circle"></i> fe-play-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-play"></i> fe-play
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-plus-square"></i> fe-plus-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-plus-circle"></i> fe-plus-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-plus"></i> fe-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-pocket"></i> fe-pocket
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-printer"></i> fe-printer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-power"></i> fe-power
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-radio"></i> fe-radio
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-repeat"></i> fe-repeat
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-refresh-ccw"></i> fe-refresh-ccw
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-rewind"></i> fe-rewind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-rotate-ccw"></i> fe-rotate-ccw
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-refresh-cw"></i> fe-refresh-cw
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-rotate-cw"></i> fe-rotate-cw
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-save"></i> fe-save
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-search"></i> fe-search
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-server"></i> fe-server
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-scissors"></i> fe-scissors
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-share-2"></i> fe-share-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-share"></i> fe-share
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-shield"></i> fe-shield
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-settings"></i> fe-settings
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-skip-back"></i> fe-skip-back
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-shuffle"></i> fe-shuffle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-sidebar"></i> fe-sidebar
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-skip-forward"></i> fe-skip-forward
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-slack"></i> fe-slack
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-slash"></i> fe-slash
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-smartphone"></i> fe-smartphone
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-square"></i> fe-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-speaker"></i> fe-speaker
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-star"></i> fe-star
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-stop-circle"></i> fe-stop-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-sun"></i> fe-sun
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-sunrise"></i> fe-sunrise
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-tablet"></i> fe-tablet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-tag"></i> fe-tag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-sunset"></i> fe-sunset
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-target"></i> fe-target
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-thermometer"></i> fe-thermometer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-thumbs-up"></i> fe-thumbs-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-thumbs-down"></i> fe-thumbs-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-toggle-left"></i> fe-toggle-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-toggle-right"></i> fe-toggle-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-trash-2"></i> fe-trash-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-trash"></i> fe-trash
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-trending-up"></i> fe-trending-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-trending-down"></i> fe-trending-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-triangle"></i> fe-triangle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-type"></i> fe-type
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-twitter"></i> fe-twitter
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-upload"></i> fe-upload
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-umbrella"></i> fe-umbrella
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-upload-cloud"></i> fe-upload-cloud
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-unlock"></i> fe-unlock
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-user-check"></i> fe-user-check
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-user-minus"></i> fe-user-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-user-plus"></i> fe-user-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-user-x"></i> fe-user-x
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-user"></i> fe-user
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-users"></i> fe-users
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-video-off"></i> fe-video-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-video"></i> fe-video
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-voicemail"></i> fe-voicemail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-volume-x"></i> fe-volume-x
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-volume-1"></i> fe-volume-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-volume-2"></i> fe-volume-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-volume"></i> fe-volume
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-watch"></i> fe-watch
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-wifi"></i> fe-wifi
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-x-square"></i> fe-x-square
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-wind"></i> fe-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-x"></i> fe-x
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-x-circle"></i> fe-x-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-zap"></i> fe-zap
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-zoom-in"></i> fe-zoom-in
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-zoom-out"></i> fe-zoom-out
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-command"></i> fe-command
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-cloud"></i> fe-cloud
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-hash"></i> fe-hash
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-headphones"></i> fe-headphones
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-underline"></i> fe-underline
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-italic"></i> fe-italic
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-bold"></i> fe-bold
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-crop"></i> fe-crop
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-help-circle"></i> fe-help-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-paperclip"></i> fe-paperclip
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-shopping-cart"></i> fe-shopping-cart
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-tv"></i> fe-tv
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-wifi-off"></i> fe-wifi-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-gitlab"></i> fe-gitlab
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-sliders"></i> fe-sliders
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-star-on"></i> fe-star-on
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-heart-on"></i> fe-heart-on
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-archive"></i> fe-archive
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-down-circle"></i> fe-arrow-down-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-up-circle"></i> fe-arrow-up-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-left-circle"></i> fe-arrow-left-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-arrow-right-circle"></i> fe-arrow-right-circle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-bar-chart-line-"></i> fe-bar-chart-line-
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-bar-chart-line"></i> fe-bar-chart-line
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-book-open"></i> fe-book-open
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-code"></i> fe-code
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-database"></i> fe-database
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-dollar-sign"></i> fe-dollar-sign
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-folder-plus"></i> fe-folder-plus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-gift"></i> fe-gift
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-folder-minus"></i> fe-folder-minus
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-git-commit"></i> fe-git-commit
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-git-branch"></i> fe-git-branch
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-git-pull-request"></i> fe-git-pull-request
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-git-merge"></i> fe-git-merge
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-linkedin"></i> fe-linkedin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-hard-drive"></i> fe-hard-drive
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-more-vertical-"></i> fe-more-vertical-
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-more-horizontal-"></i> fe-more-horizontal-
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-rss"></i> fe-rss
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-send"></i> fe-send
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-shield-off"></i> fe-shield-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-shopping-bag"></i> fe-shopping-bag
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-terminal"></i> fe-terminal
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-truck"></i> fe-truck
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-zap-off"></i> fe-zap-off
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="fe-youtube"></i> fe-youtube
-                                            </div>
-                                            
-                                        </div>
-                                        <!-- end row -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/icons-font-awesome.html b/public/modern/icons-font-awesome.html
deleted file mode 100644
index eed4aff..0000000
--- a/public/modern/icons-font-awesome.html
+++ /dev/null
@@ -1,1720 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Font Awesome Icons | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Font Awesome Icons</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Icons</a></li>
-                                            <li class="breadcrumb-item active">Font Awesome</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Solid</h4>
-                                        <p class="sub-header">Use <code>&lt;i class="fas fa-ad"&gt;&lt;/i&gt;</code> <span class="badge badge-success">v 5.13.0</span>.</p>
-
-                                        <div class="row icons-list-demo" id="solid">
-                                        </div>
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card -->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Regular</h4>
-                                        <p class="sub-header">Use <code>&lt;i class="far fa-address-book"&gt;&lt;/i&gt;</code> <span class="badge badge-success">v 5.13.0</span>.</p>
-
-                                        <div class="row icons-list-demo" id="regular">
-                                        </div>
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card -->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Brands</h4>
-                                        <p class="sub-header">Use <code>&lt;i class="fab fa-500px"&gt;&lt;/i&gt;</code> <span class="badge badge-success">v 5.13.0</span>.</p>
-
-                                        <div class="row icons-list-demo" id="brand">
-                                        </div>
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- custom dmeo js-->
-        <script src="../assets/js/pages/fontawesome.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/icons-mdi.html b/public/modern/icons-mdi.html
deleted file mode 100644
index 5fff6e0..0000000
--- a/public/modern/icons-mdi.html
+++ /dev/null
@@ -1,1790 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Material Design Icons | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Material Design Icons</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Icons</a></li>
-                                            <li class="breadcrumb-item active">Material Design</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row icons-list-demo">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">New Icons v5.0.45</h4>
-                                        <div class="row icon-list-demo" id="newIcons"> </div>
-                                    </div>
-                                </div>
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">All Icons</h4>
-                                        <div class="row icon-list-demo" id="icons"> </div>
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div>
-                        </div>
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">Size</h4>
-
-                                        <div class="row icons-list-demo">
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-18px mdi-account"></i> mdi-18px
-                                            </div>
-
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-24px mdi-account"></i> mdi-24px
-                                            </div>
-
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-36px mdi-account"></i> mdi-36px
-                                            </div>
-
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-48px mdi-account"></i> mdi-48px
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">Rotate</h4>
-
-                                        <div class="row icons-list-demo">
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-rotate-45 mdi-account"></i> mdi-rotate-45
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-rotate-90 mdi-account"></i> mdi-rotate-90
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-rotate-135 mdi-account"></i> mdi-rotate-135
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-rotate-180 mdi-account"></i> mdi-rotate-180
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-rotate-225 mdi-account"></i> mdi-rotate-225
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-rotate-270 mdi-account"></i> mdi-rotate-270
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-rotate-315 mdi-account"></i> mdi-rotate-315
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">Spin</h4>
-
-                                        <div class="row icons-list-demo">
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-spin mdi-loading"></i> mdi-spin
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="mdi mdi-spin mdi-star"></i> mdi-spin
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-        
-        <!-- custom dmeo js-->
-        <script src="../assets/js/pages/materialdesign.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/icons-remix.html b/public/modern/icons-remix.html
deleted file mode 100644
index cbb55e5..0000000
--- a/public/modern/icons-remix.html
+++ /dev/null
@@ -1,1692 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Remix Icons | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Remix Icons</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Icons</a></li>
-                                            <li class="breadcrumb-item active">Remix</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12" id="icons">
-                                
-                            </div> <!-- end col-->
-                        </div> <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Remix icon js-->
-        <script src="../assets/js/pages/remix-icons.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/icons-weather.html b/public/modern/icons-weather.html
deleted file mode 100644
index c29af7c..0000000
--- a/public/modern/icons-weather.html
+++ /dev/null
@@ -1,2498 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Weather Icons | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Weather Icons</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Icons</a></li>
-                                            <li class="breadcrumb-item active">Weather</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">26 New 2.0 Icons</h4>
-                                        <div class="row icons-list-demo">
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-cloudy-high"></i> wi wi-day-cloudy-high
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moonrise"></i>wi wi-moonrise
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-na"></i>wi wi-na
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-volcano"></i>wi wi-volcano
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-light-wind"></i>wi wi-day-light-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moonset"></i>wi wi-moonset
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-flood"></i>wi wi-flood
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-train"></i>wi wi-train
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-sleet"></i>wi wi-day-sleet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-sleet"></i>wi wi-night-sleet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-sandstorm"></i>wi wi-sandstorm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-small-craft-advisory"></i>wi wi-small-craft-advisory
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-haze"></i>wi wi-day-haze
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-sleet"></i>wi wi-night-alt-sleet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-tsunami"></i>wi wi-tsunami
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-gale-warning"></i>wi wi-gale-warning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-cloudy-high"></i>wi wi-night-cloudy-high
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-raindrop"></i>wi wi-raindrop
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-earthquake"></i>wi wi-earthquake
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-storm-warning"></i>wi wi-storm-warning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-partly-cloudy"></i>wi wi-night-alt-partly-cloudy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-barometer"></i>wi wi-barometer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-fire"></i>wi wi-fire
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-hurricane-warning"></i>wi wi-hurricane-warning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-sleet"></i>wi wi-sleet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-humidity"></i>wi wi-humidity
-                                            </div>
-                                        </div>
-                                        <!-- End row -->
-    
-                                        <h4 class="header-title my-3">Daytime Icons</h4>
-                                        <div class="row icons-list-demo">
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-sunny"></i> wi wi-day-sunny
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-cloudy"></i> wi wi-day-cloudy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-cloudy-gusts"></i> wi wi-day-cloudy-gusts
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-cloudy-windy"></i> wi wi-day-cloudy-windy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-fog"></i> wi wi-day-fog
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-hail"></i> wi wi-day-hail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-haze"></i> wi wi-day-haze
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-lightning"></i> wi wi-day-lightning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-rain"></i> wi wi-day-rain
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-rain-mix"></i> wi wi-day-rain-mix
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-rain-wind"></i> wi wi-day-rain-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-showers"></i> wi wi-day-showers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-sleet"></i> wi wi-day-sleet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-sleet-storm"></i> wi wi-day-sleet-storm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-snow"></i> wi wi-day-snow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-snow-thunderstorm"></i> wi wi-day-snow-thunderstorm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-snow-wind"></i> wi wi-day-snow-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-sprinkle"></i> wi wi-day-sprinkle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-storm-showers"></i> wi wi-day-storm-showers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-sunny-overcast"></i> wi wi-day-sunny-overcast
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-thunderstorm"></i> wi wi-day-thunderstorm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-windy"></i> wi wi-day-windy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-solar-eclipse"></i> wi wi-solar-eclipse
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-hot"></i> wi wi-hot
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-cloudy-high"></i> wi wi-day-cloudy-high
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-day-light-wind"></i> wi wi-day-light-wind
-                                            </div>
-    
-                                        </div>
-                                        <!-- End row -->
-    
-                                        <h4 class="header-title my-3">Nighttime Icons</h4>
-                                        <div class="row icons-list-demo">
-    
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-clear"></i> wi wi-night-clear
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-cloudy"></i> wi wi-night-alt-cloudy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-cloudy-gusts"></i> wi wi-night-alt-cloudy-gusts
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-cloudy-windy"></i> wi wi-night-alt-cloudy-windy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-hail"></i> wi wi-night-alt-hail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-lightning"></i> wi wi-night-alt-lightning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-rain"></i> wi wi-night-alt-rain
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-rain-mix"></i> wi wi-night-alt-rain-mix
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-rain-wind"></i> wi wi-night-alt-rain-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-showers"></i> wi wi-night-alt-showers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-sleet"></i> wi wi-night-alt-sleet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-sleet-storm"></i> wi wi-night-alt-sleet-storm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-snow"></i> wi wi-night-alt-snow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-snow-thunderstorm"></i> wi wi-night-alt-snow-thunderstorm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-snow-wind"></i> wi wi-night-alt-snow-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-sprinkle"></i> wi wi-night-alt-sprinkle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-storm-showers"></i> wi wi-night-alt-storm-showers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-thunderstorm"></i> wi wi-night-alt-thunderstorm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-cloudy"></i> wi wi-night-cloudy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-cloudy-gusts"></i> wi wi-night-cloudy-gusts
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-cloudy-windy"></i> wi wi-night-cloudy-windy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-fog"></i> wi wi-night-fog
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-hail"></i> wi wi-night-hail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-lightning"></i> wi wi-night-lightning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-partly-cloudy"></i> wi wi-night-partly-cloudy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-rain"></i> wi wi-night-rain
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-rain-mix"></i> wi wi-night-rain-mix
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-rain-wind"></i> wi wi-night-rain-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-showers"></i> wi wi-night-showers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-sleet"></i> wi wi-night-sleet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-sleet-storm"></i> wi wi-night-sleet-storm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-snow"></i> wi wi-night-snow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-snow-thunderstorm"></i> wi wi-night-snow-thunderstorm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-snow-wind"></i> wi wi-night-snow-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-sprinkle"></i> wi wi-night-sprinkle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-storm-showers"></i> wi wi-night-storm-showers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-thunderstorm"></i> wi wi-night-thunderstorm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-lunar-eclipse"></i> wi wi-lunar-eclipse
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-stars"></i> wi wi-stars
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-storm-showers"></i> wi wi-storm-showers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-thunderstorm"></i> wi wi-thunderstorm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-cloudy-high"></i> wi wi-night-alt-cloudy-high
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-cloudy-high"></i> wi wi-night-cloudy-high
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-night-alt-partly-cloudy"></i> wi wi-night-alt-partly-cloudy
-                                            </div>
-    
-                                        </div>
-                                        <!-- End row -->
-    
-                                        <h4 class="header-title my-3">Neutral Icons</h4>
-                                        <div class="row icons-list-demo">
-    
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-cloud"></i> wi wi-cloud
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-cloudy"></i> wi wi-cloudy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-cloudy-gusts"></i> wi wi-cloudy-gusts
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-cloudy-windy"></i> wi wi-cloudy-windy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-fog"></i> wi wi-fog
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-hail"></i> wi wi-hail
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-rain"></i> wi wi-rain
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-rain-mix"></i> wi wi-rain-mix
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-rain-wind"></i> wi wi-rain-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-showers"></i> wi wi-showers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-sleet"></i> wi wi-sleet
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-snow"></i> wi wi-snow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-sprinkle"></i> wi wi-sprinkle
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-storm-showers"></i> wi wi-storm-showers
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-thunderstorm"></i> wi wi-thunderstorm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-snow-wind"></i> wi wi-snow-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-snow"></i> wi wi-snow
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-smog"></i> wi wi-smog
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-smoke"></i> wi wi-smoke
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-lightning"></i> wi wi-lightning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-raindrops"></i> wi wi-raindrops
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-raindrop"></i> wi wi-raindrop
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-dust"></i> wi wi-dust
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-snowflake-cold"></i> wi wi-snowflake-cold
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-windy"></i> wi wi-windy
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-strong-wind"></i> wi wi-strong-wind
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-sandstorm"></i> wi wi-sandstorm
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-earthquake"></i> wi wi-earthquake
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-fire"></i> wi wi-fire
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-flood"></i> wi wi-flood
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-meteor"></i> wi wi-meteor
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-tsunami"></i> wi wi-tsunami
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-volcano"></i> wi wi-volcano
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-hurricane"></i> wi wi-hurricane
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-tornado"></i> wi wi-tornado
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-small-craft-advisory"></i> wi wi-small-craft-advisory
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-gale-warning"></i> wi wi-gale-warning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-storm-warning"></i> wi wi-storm-warning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-hurricane-warning"></i> wi wi-hurricane-warning
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-wind-direction"></i> wi wi-wind-direction
-                                            </div>
-                                        </div>
-                                        <!-- End row -->
-    
-                                        <h4 class="header-title my-3">Miscellaneous Icons</h4>
-                                        <div class="row icons-list-demo">
-    
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-alien"></i> wi wi-alien
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-celsius"></i> wi wi-celsius
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-fahrenheit"></i> wi wi-fahrenheit
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-degrees"></i> wi wi-degrees
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-thermometer"></i> wi wi-thermometer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-thermometer-exterior"></i> wi wi-thermometer-exterior
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-thermometer-internal"></i> wi wi-thermometer-internal
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-cloud-down"></i> wi wi-cloud-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-cloud-up"></i> wi wi-cloud-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-cloud-refresh"></i> wi wi-cloud-refresh
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-horizon"></i> wi wi-horizon
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-horizon-alt"></i> wi wi-horizon-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-sunrise"></i> wi wi-sunrise
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-sunset"></i> wi wi-sunset
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moonrise"></i> wi wi-moonrise
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moonset"></i> wi wi-moonset
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-refresh"></i> wi wi-refresh
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-refresh-alt"></i> wi wi-refresh-alt
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-umbrella"></i> wi wi-umbrella
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-barometer"></i> wi wi-barometer
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-humidity"></i> wi wi-humidity
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-na"></i> wi wi-na
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-train"></i> wi wi-train
-                                            </div>
-                                        </div>
-                                        <!-- End row -->
-    
-                                        <h4 class="header-title my-3">Moon Phases Icons</h4>
-                                        <div class="alert alert-success">
-                                            The moons are split into 28 icons, to correspond neatly with the 28 day moon cycle. There is a primary
-                                            set and alternate set. The primary set is meant to be interpreted as: where there are pixels, that is the
-                                            illuminated part of the moon. The alternate set is meant to be interpreted as: where there are pixels,
-                                            that is the shadowed part of the moon.
-                                        </div>
-                                        <div class="row icons-list-demo">
-    
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-new"></i> wi wi-moon-new
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-cresent-1"></i> wi wi-moon-waxing-cresent-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-cresent-2"></i> wi wi-moon-waxing-cresent-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-cresent-3"></i> wi wi-moon-waxing-cresent-3
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-cresent-4"></i> wi wi-moon-waxing-cresent-4
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-cresent-5"></i> wi wi-moon-waxing-cresent-5
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-cresent-6"></i> wi wi-moon-waxing-cresent-6
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-first-quarter"></i> wi wi-moon-first-quarter
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-gibbous-1"></i> wi wi-moon-waxing-gibbous-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-gibbous-2"></i> wi wi-moon-waxing-gibbous-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-gibbous-3"></i> wi wi-moon-waxing-gibbous-3
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-gibbous-4"></i> wi wi-moon-waxing-gibbous-4
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-gibbous-5"></i> wi wi-moon-waxing-gibbous-5
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waxing-gibbous-6"></i> wi wi-moon-waxing-gibbous-6
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-full"></i> wi wi-moon-full
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-gibbous-1"></i> wi wi-moon-waning-gibbous-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-gibbous-2"></i> wi wi-moon-waning-gibbous-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-gibbous-3"></i> wi wi-moon-waning-gibbous-3
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-gibbous-4"></i> wi wi-moon-waning-gibbous-4
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-gibbous-5"></i> wi wi-moon-waning-gibbous-5
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-gibbous-6"></i> wi wi-moon-waning-gibbous-6
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-third-quarter"></i> wi wi-moon-third-quarter
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-crescent-1"></i> wi wi-moon-waning-crescent-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-crescent-2"></i> wi wi-moon-waning-crescent-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-crescent-3"></i> wi wi-moon-waning-crescent-3
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-crescent-4"></i> wi wi-moon-waning-crescent-4
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-crescent-5"></i> wi wi-moon-waning-crescent-5
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-waning-crescent-6"></i> wi wi-moon-waning-crescent-6
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-new"></i> wi wi-moon-alt-new
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-cresent-1"></i> wi wi-moon-alt-waxing-cresent-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-cresent-2"></i> wi wi-moon-alt-waxing-cresent-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-cresent-3"></i> wi wi-moon-alt-waxing-cresent-3
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-cresent-4"></i> wi wi-moon-alt-waxing-cresent-4
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-cresent-5"></i> wi wi-moon-alt-waxing-cresent-5
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-cresent-6"></i> wi wi-moon-alt-waxing-cresent-6
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-first-quarter"></i> wi wi-moon-alt-first-quarter
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-gibbous-1"></i> wi wi-moon-alt-waxing-gibbous-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-gibbous-2"></i> wi wi-moon-alt-waxing-gibbous-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-gibbous-3"></i> wi wi-moon-alt-waxing-gibbous-3
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-gibbous-4"></i> wi wi-moon-alt-waxing-gibbous-4
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-gibbous-5"></i> wi wi-moon-alt-waxing-gibbous-5
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waxing-gibbous-6"></i> wi wi-moon-alt-waxing-gibbous-6
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-full"></i> wi wi-moon-alt-full
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-gibbous-1"></i> wi wi-moon-alt-waning-gibbous-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-gibbous-2"></i> wi wi-moon-alt-waning-gibbous-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-gibbous-3"></i> wi wi-moon-alt-waning-gibbous-3
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-gibbous-4"></i> wi wi-moon-alt-waning-gibbous-4
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-gibbous-5"></i> wi wi-moon-alt-waning-gibbous-5
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-gibbous-6"></i> wi wi-moon-alt-waning-gibbous-6
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-third-quarter"></i> wi wi-moon-alt-third-quarter
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-crescent-1"></i> wi wi-moon-alt-waning-crescent-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-crescent-2"></i> wi wi-moon-alt-waning-crescent-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-crescent-3"></i> wi wi-moon-alt-waning-crescent-3
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-crescent-4"></i> wi wi-moon-alt-waning-crescent-4
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-crescent-5"></i> wi wi-moon-alt-waning-crescent-5
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-moon-alt-waning-crescent-6"></i> wi wi-moon-alt-waning-crescent-6
-                                            </div>
-                                        </div>
-                                        <!-- End row -->
-    
-                                        <h4 class="header-title my-3">Time Icons</h4>
-    
-                                        <div class="row icons-list-demo">
-    
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-1"></i> wi wi-time-1
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-2"></i> wi wi-time-2
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-3"></i> wi wi-time-3
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-4"></i> wi wi-time-4
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-5"></i> wi wi-time-5
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-6"></i> wi wi-time-6
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-7"></i> wi wi-time-7
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-8"></i> wi wi-time-8
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-9"></i> wi wi-time-9
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-10"></i> wi wi-time-10
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-11"></i> wi wi-time-11
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-time-12"></i> wi wi-time-12
-                                            </div>
-    
-                                        </div>
-                                        <!-- End row -->
-    
-                                        <h4 class="header-title my-3">Directional Arrows</h4>
-    
-                                        <div class="row icons-list-demo">
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-direction-up"></i> wi wi-direction-up
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-direction-up-right"></i> wi wi-direction-up-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-direction-right"></i> wi wi-direction-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-direction-down-right"></i> wi wi-direction-down-right
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-direction-down"></i> wi wi-direction-down
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-direction-down-left"></i> wi wi-direction-down-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-direction-left"></i> wi wi-direction-left
-                                            </div>
-                                            <div class="col-xl-3 col-lg-4 col-sm-6">
-                                                <i class="wi wi-direction-up-left"></i> wi wi-direction-up-left
-                                            </div>
-                                        </div>
-                                        <!-- End row -->
-    
-                                        <h4 class="header-title my-3">Utility Classes</h4>
-                                        <div class="alert alert-success">
-                                            Use these special, built-in utility classes to flip, rotate, or assign a fixed width to any icon.
-                                        </div>
-                                        <div class="row">
-    
-                                            <div class="col-sm-4">
-                                                <h5>Flip</h5>
-                                                <p>
-                                                    <code>
-                                                        wi-flip-horizontal</code>
-                                                </p>
-                                                <p>
-                                                    <code>
-                                                        wi-flip-vertical</code>
-                                                </p>
-                                            </div>
-    
-                                            <div class="col-sm-4">
-                                                <h5>Rotate</h5>
-                                                <p>
-                                                    <code>
-                                                        wi-rotate-90</code>
-                                                </p>
-                                                <p>
-                                                    <code>
-                                                        wi-rotate-180</code>
-                                                </p>
-                                                <p>
-                                                    <code>
-                                                        wi-rotate-270</code>
-                                                </p>
-                                            </div>
-    
-                                            <div class="col-sm-4">
-                                                <h5>Fixed Width</h5>
-                                                <p>
-                                                    <code>
-                                                        wi-fw</code>
-                                                </p>
-                                            </div>
-    
-                                        </div>
-                                        <!-- End row -->
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/index.html b/public/modern/index.html
deleted file mode 100644
index fe86ca8..0000000
--- a/public/modern/index.html
+++ /dev/null
@@ -1,2260 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Sales Dashboard | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- plugin css -->
-        <link href="../assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Welcome !</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
-                                            <li class="breadcrumb-item active">Sales</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between align-items-center">
-                                            <div class="knob-chart" dir="ltr">
-                                                <input data-plugin="knob" data-width="70" data-height="70" data-fgColor="#18c984"
-                                                    data-bgColor="#d1f2eb" value="58"
-                                                    data-skin="tron" data-angleOffset="0" data-readOnly=true
-                                                    data-thickness=".15"/>
-                                            </div>
-                                            <div class="text-right">
-                                                <h3 class="mb-1 mt-0"> <span data-plugin="counterup">268</span> </h3>
-                                                <p class="text-muted mb-0">New Customers</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between align-items-center">
-                                            <div class="knob-chart" dir="ltr">
-                                                <input data-plugin="knob" data-width="70" data-height="70" data-fgColor="#526dee"
-                                                    data-bgColor="#d4dbfd" value="80"
-                                                    data-skin="tron" data-angleOffset="0" data-readOnly=true
-                                                    data-thickness=".15"/>
-                                            </div>
-                                            <div class="text-right">
-                                                <h3 class="mb-1 mt-0"> <span data-plugin="counterup">8574</span> </h3>
-                                                <p class="text-muted mb-0">Online Orders</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between align-items-center">
-                                            <div class="knob-chart" dir="ltr">
-                                                <input data-plugin="knob" data-width="70" data-height="70" data-fgColor="#f672a7"
-                                                    data-bgColor="#fde3ed" value="77"
-                                                    data-skin="tron" data-angleOffset="0" data-readOnly=true
-                                                    data-thickness=".15"/>
-                                            </div>
-                                            <div class="text-right">
-                                                <h3 class="mb-1 mt-0"> $<span data-plugin="counterup">958.25</span> </h3>
-                                                <p class="text-muted mb-0">Revenue</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between align-items-center">
-                                            <div class="knob-chart" dir="ltr">
-                                                <input data-plugin="knob" data-width="70" data-height="70" data-fgColor="#6c757d"
-                                                    data-bgColor="#e2e3e5" value="35"
-                                                    data-skin="tron" data-angleOffset="0" data-readOnly=true
-                                                    data-thickness=".15"/>
-                                            </div>
-                                            <div class="text-right">
-                                                <h3 class="mb-1 mt-0"> $<span data-plugin="counterup">89.25</span> </h3>
-                                                <p class="text-muted mb-1">Daily Average</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-
-                            <div class="col-xl-4 col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-    
-                                        <h4 class="header-title">Revenue Report</h4>
-    
-                                        <div class="mt-3 text-center">
-
-                                            <div class="row pt-2">
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                    <h4> $12,365</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                    <h4><i class="fe-arrow-down text-danger"></i> $365</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                    <h4><i class="fe-arrow-up text-success"></i> $8,501</h4>
-                                                </div>
-                                            </div>
-                                            
-                                            <div dir="ltr">
-                                                <div id="revenue-report" class="apex-charts" data-colors="#526dee,#e3eaef"></div>
-                                            </div>
-    
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4 col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title">Marketing Reports</h4>
-                                        <p class="text-muted mb-0">1 Mar - 31 Mar Showing Data</p>
-                                        
-                                        <div dir="ltr">
-                                            <div id="marketing-reports" class="apex-charts" data-colors="#526dee,#1abc9c,#f4bf3e"></div>
-                                        </div>
-    
-                                        <div class="row text-center">
-                                            <div class="col-6">
-                                                <p class="text-muted mb-1">This Month</p>
-                                                <h3 class="mt-0 font-20"><span class="align-middle">$120,254</span> <small class="badge badge-soft-success align-middle font-12">+15%</small></h3>
-                                            </div>
-    
-                                            <div class="col-6">
-                                                <p class="text-muted mb-1">Last Month</p>
-                                                <h3 class="mt-0 font-20"><span class="align-middle">$98,741</span> <small class="badge badge-soft-danger align-middle font-12">-5%</small></h3>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4 col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-    
-                                        <h4 class="header-title">Products Sales</h4>
-    
-                                        <div class="mt-3 text-center">
-
-                                            <div class="row pt-2">
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                    <h4> $56,214</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                    <h4><i class="fe-arrow-up text-success"></i> $840</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                    <h4><i class="fe-arrow-down text-danger"></i> $7,845</h4>
-                                                </div>
-                                            </div>
-                                            <div dir="ltr">
-                                                <div id="products-sales" class="apex-charts" data-colors="#526dee,#eb5151"></div>
-                                            </div>
-
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase4" role="button" aria-expanded="false" aria-controls="cardCollpase4"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Revenue By Location</h4>
-
-                                        <div id="cardCollpase4" class="collapse pt-3 show">
-                                            <div id="world-map-markers" style="height: 433px"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase5" role="button" aria-expanded="false" aria-controls="cardCollpase5"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Top Selling Products</h4>
-
-                                        <div id="cardCollpase5" class="collapse pt-3 show">
-                                            <div class="table-responsive">
-                                                <table class="table table-hover table-centered mb-0">
-                                                    <thead>
-                                                        <tr>
-                                                            <th>Product Name</th>
-                                                            <th>Price</th>
-                                                            <th>Quantity</th>
-                                                            <th>Amount</th>
-                                                        </tr>
-                                                    </thead>
-                                                    <tbody>
-                                                        <tr>
-                                                            <td>ASOS Ridley High Waist</td>
-                                                            <td>$79.49</td>
-                                                            <td>82</td>
-                                                            <td>$6,518.18</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Marco Lightweight Shirt</td>
-                                                            <td>$128.50</td>
-                                                            <td>37</td>
-                                                            <td>$4,754.50</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Half Sleeve Shirt</td>
-                                                            <td>$39.99</td>
-                                                            <td>64</td>
-                                                            <td>$2,559.36</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Lightweight Jacket</td>
-                                                            <td>$20.00</td>
-                                                            <td>184</td>
-                                                            <td>$3,680.00</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Marco Shoes</td>
-                                                            <td>$28.49</td>
-                                                            <td>69</td>
-                                                            <td>$1,965.81</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>ASOS Ridley High Waist</td>
-                                                            <td>$79.49</td>
-                                                            <td>82</td>
-                                                            <td>$6,518.18</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Half Sleeve Shirt</td>
-                                                            <td>$39.99</td>
-                                                            <td>64</td>
-                                                            <td>$2,559.36</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Lightweight Jacket</td>
-                                                            <td>$20.00</td>
-                                                            <td>184</td>
-                                                            <td>$3,680.00</td>
-                                                        </tr>
-                                                    </tbody>
-                                                </table>
-                                            </div> <!-- end table responsive-->
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-8">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title mb-3">Revenue History</h4>
-    
-                                        <div class="table-responsive">
-                                            <table class="table table-borderless table-hover table-centered m-0">
-    
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th>Marketplaces</th>
-                                                        <th>Date</th>
-                                                        <th>US Tax Hold</th>
-                                                        <th>Payouts</th>
-                                                        <th>Status</th>
-                                                        <th>Action</th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Themes Market</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Oct 15, 2020
-                                                        </td>
-                                                        
-                                                        <td>
-                                                            $125.23
-                                                        </td>
-    
-                                                        <td>
-                                                            $5848.68
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-warning">Upcoming</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Freelance</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Oct 12, 2020
-                                                        </td>
-    
-                                                        <td>
-                                                            $78.03
-                                                        </td>
-        
-                                                        <td>
-                                                            $1247.25
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Paid</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Share Holding</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Oct 10, 2020
-                                                        </td>
-    
-                                                        <td>
-                                                            $358.24
-                                                        </td>
-        
-                                                        <td>
-                                                            $815.89
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Paid</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Wrap's Affiliates</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Oct 03, 2020
-                                                        </td>
-    
-                                                        <td>
-                                                            $18.78
-                                                        </td>
-        
-                                                        <td>
-                                                            $248.75
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-danger">Overdue</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Marketing Revenue</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Sep 21, 2020
-                                                        </td>
-    
-                                                        <td>
-                                                            $185.36
-                                                        </td>
-        
-                                                        <td>
-                                                            $978.21
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-warning">Upcoming</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Advertise Revenue</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Sep 15, 2020
-                                                        </td>
-    
-                                                        <td>
-                                                            $29.56
-                                                        </td>
-        
-                                                        <td>
-                                                            $358.10
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Paid</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end .table-responsive-->
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-    
-                                        <h4 class="header-title">Projections Vs Actuals</h4>
-    
-                                        <div class="mt-3 text-center" dir="ltr">
-    
-                                            <div id="projections-actuals" class="apex-charts" data-colors="#526dee,#18c984,#f4bf3e,#f672a7"></div>
-    
-                                            <div class="row mt-3">
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                    <h4>$8712</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                    <h4><i class="fe-arrow-up text-success"></i> $523</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                    <h4><i class="fe-arrow-down text-danger"></i> $965</h4>
-                                                </div>
-                                            </div>
-    
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-box -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- KNOB JS -->
-        <script src="../assets/libs/jquery-knob/jquery.knob.min.js"></script>
-        <!-- Apex js-->
-        <script src="../assets/libs/apexcharts/apexcharts.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js"></script>
-
-        <!-- Dashboard init-->
-        <script src="../assets/js/pages/dashboard-sales.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/layouts-horizontal.html b/public/modern/layouts-horizontal.html
deleted file mode 100644
index 141d664..0000000
--- a/public/modern/layouts-horizontal.html
+++ /dev/null
@@ -1,1711 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-
-        <meta charset="utf-8" />
-        <title>Horizontal Layout | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- App css -->
-        <link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-        <link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-        <link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-        <link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-        <!-- icons -->
-        <link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="horizontal" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <div class="topnav">
-                <div class="container-fluid">
-                    <nav class="navbar navbar-light navbar-expand-lg topnav-menu">
-
-                        <div class="collapse navbar-collapse" id="topnav-menu-content">
-                            <ul class="navbar-nav">
-                                <li class="nav-item dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-dashboard" role="button"
-                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                        <i class="ri-dashboard-line mr-1"></i> Dashboards <div class="arrow-down"></div>
-                                    </a>
-                                    <div class="dropdown-menu" aria-labelledby="topnav-dashboard">
-                                        <a href="index.html" class="dropdown-item">Sales</a>
-                                        <a href="dashboard-crm.html" class="dropdown-item">CRM</a>
-                                        <a href="dashboard-analytics.html" class="dropdown-item">Analytics</a>
-                                    </div>
-                                </li>
-
-                                <li class="nav-item dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-apps" role="button"
-                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                        <i class="ri-apps-2-line mr-1"></i> Apps <div class="arrow-down"></div>
-                                    </a>
-                                    <div class="dropdown-menu" aria-labelledby="topnav-apps">
-
-                                        <a href="apps-calendar.html" class="dropdown-item"><i class="ri-calendar-2-line align-middle mr-1"></i> Calendar</a>
-                                        <a href="apps-chat.html" class="dropdown-item"><i class="ri-message-2-line align-middle mr-1"></i> Chat</a>
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-ecommerce"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="ri-shopping-cart-2-line align-middle mr-1"></i> Ecommerce <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-ecommerce">
-                                                <a href="ecommerce-products.html" class="dropdown-item">Products List</a>
-                                                <a href="ecommerce-products-grid.html" class="dropdown-item">Products Grid</a>
-                                                <a href="ecommerce-product-detail.html" class="dropdown-item">Product Detail</a>
-                                                <a href="ecommerce-product-create.html" class="dropdown-item">Create Product</a>
-                                                <a href="ecommerce-customers.html" class="dropdown-item">Customers</a>
-                                                <a href="ecommerce-orders.html" class="dropdown-item">Orders</a>
-                                                <a href="ecommerce-order-detail.html" class="dropdown-item">Order Detail</a>
-                                                <a href="ecommerce-sellers.html" class="dropdown-item">Sellers</a>
-                                                <a href="ecommerce-cart.html" class="dropdown-item">Shopping Cart</a>
-                                                <a href="ecommerce-checkout.html" class="dropdown-item">Checkout</a>
-                                            </div>
-                                        </div>
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-email"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="ri-mail-line align-middle mr-1"></i> Email <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-email">
-                                                <a href="email-inbox.html" class="dropdown-item">Inbox</a>
-                                                <a href="email-read.html" class="dropdown-item">Read Email</a>
-                                                <a href="email-templates.html" class="dropdown-item">Email Templates</a>
-                                            </div>
-                                        </div>
-
-                                        <a href="apps-companies.html" class="dropdown-item"><i class="ri-building-4-line align-middle mr-1"></i> Companies</a>
-
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-task"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="ri-task-line align-middle mr-1"></i> Tasks <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-task">
-                                                <a href="task-list.html" class="dropdown-item">List</a>
-                                                <a href="task-details.html" class="dropdown-item">Details</a>
-                                                <a href="task-kanban-board.html" class="dropdown-item">Kanban Board</a>
-                                            </div>
-                                        </div>
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-contact"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="ri-profile-line align-middle mr-1"></i> Contacts <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-contact">
-                                                <a href="contacts-list.html" class="dropdown-item">Members List</a>
-                                                <a href="contacts-profile.html" class="dropdown-item">Profile</a>
-                                            </div>
-                                        </div>
-                                        <a href="apps-file-manager.html" class="dropdown-item"><i class="ri-folders-line align-middle mr-1"></i> File Manager</a>
-                                        <a href="apps-tickets.html" class="dropdown-item"><i class="ri-customer-service-2-line align-middle mr-1"></i> Tickets</a>
-                                    </div>
-                                </li>
-
-                                <li class="nav-item dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-ui" role="button"
-                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                        <i class="ri-pencil-ruler-2-line mr-1"></i> UI Elements <div class="arrow-down"></div>
-                                    </a>
-
-                                    <div class="dropdown-menu mega-dropdown-menu dropdown-mega-menu-xl" aria-labelledby="topnav-ui">
-                                        <div class="row">
-                                            <div class="col-lg-4">
-                                                <div>
-                                                    <a href="ui-avatars.html" class="dropdown-item">Avatars</a>
-                                                    <a href="ui-buttons.html" class="dropdown-item">Buttons</a>
-                                                    <a href="ui-cards.html" class="dropdown-item">Cards</a>
-                                                    <a href="ui-carousel.html" class="dropdown-item">Carousel</a>
-                                                    <a href="ui-dropdowns.html" class="dropdown-item">Dropdowns</a>
-                                                    <a href="ui-video.html" class="dropdown-item">Embed Video</a>
-                                                    <a href="ui-general.html" class="dropdown-item">General UI</a>
-                                                </div>
-                                            </div>
-                                            <div class="col-lg-4">
-                                                <div>
-                                                    <a href="ui-grid.html" class="dropdown-item">Grid</a>
-                                                    <a href="ui-images.html" class="dropdown-item">Images</a>
-                                                    <a href="ui-list-group.html" class="dropdown-item">List Group</a>
-                                                    <a href="ui-modals.html" class="dropdown-item">Modals</a>
-                                                    <a href="ui-notifications.html" class="dropdown-item">Notifications</a>
-                                                    <a href="ui-portlets.html" class="dropdown-item">Portlets</a>
-                                                </div>
-                                            </div>
-                                            <div class="col-lg-4">
-                                                <div>
-                                                    <a href="ui-progress.html" class="dropdown-item">Progress</a>
-                                                    <a href="ui-ribbons.html" class="dropdown-item">Ribbons</a>
-                                                    <a href="ui-spinners.html" class="dropdown-item">Spinners</a>
-                                                    <a href="ui-tabs-accordions.html" class="dropdown-item">Tabs & Accordions</a>
-                                                    <a href="ui-tooltips-popovers.html" class="dropdown-item">Tooltips & Popovers</a>
-                                                    <a href="ui-typography.html" class="dropdown-item">Typography</a>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                    </div>
-                                </li>
-
-                                <li class="nav-item dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-components" role="button"
-                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                        <i class="ri-stack-line mr-1"></i> Components <div class="arrow-down"></div>
-                                    </a>
-                                    <div class="dropdown-menu" aria-labelledby="topnav-components">
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-extendedui"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="ri-stack-line align-middle mr-1"></i> Extended UI <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-extendedui">
-                                                <a href="extended-nestable.html" class="dropdown-item">Nestable List</a>
-                                                <a href="extended-range-slider.html" class="dropdown-item">Range Slider</a>
-                                                <a href="extended-sweet-alert.html" class="dropdown-item">Sweet Alert</a>
-                                                <a href="extended-tour.html" class="dropdown-item">Tour Page</a>
-                                                <a href="extended-treeview.html" class="dropdown-item">Tree View</a>
-                                                <a href="extended-scrollspy.html" class="dropdown-item">Scrollspy</a>
-                                            </div>
-                                        </div>
-                                        <a href="widgets.html" class="dropdown-item"><i class="ri-honour-line align-middle mr-1"></i> Widgets</a>
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-form"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="ri-eraser-line align-middle mr-1"></i> Forms <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-form">
-                                                <a href="forms-elements.html" class="dropdown-item">General Elements</a>
-                                                <a href="forms-advanced.html" class="dropdown-item">Advanced</a>
-                                                <a href="forms-validation.html" class="dropdown-item">Validation</a>
-                                                <a href="forms-pickers.html" class="dropdown-item">Pickers</a>
-                                                <a href="forms-wizard.html" class="dropdown-item">Wizard</a>
-                                                <a href="forms-masks.html" class="dropdown-item">Masks</a>
-                                                <a href="forms-summernote.html" class="dropdown-item">Summernote</a>
-                                                <a href="forms-quilljs.html" class="dropdown-item">Quilljs Editor</a>
-                                                <a href="forms-file-uploads.html" class="dropdown-item">File Uploads</a>
-                                                <a href="forms-x-editable.html" class="dropdown-item">X Editable</a>
-                                            </div>
-                                        </div>
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-charts"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="ri-bar-chart-line align-middle mr-1"></i> Charts <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-charts">
-                                                <a href="charts-flot.html" class="dropdown-item">Flot Charts</a>
-                                                <a href="charts-apex.html" class="dropdown-item">Apex Charts</a>
-                                                <a href="charts-morris.html" class="dropdown-item">Morris Charts</a>
-                                                <a href="charts-chartjs.html" class="dropdown-item">Chartjs Charts</a>
-                                                <a href="charts-peity.html" class="dropdown-item">Peity Charts</a>
-                                                <a href="charts-chartist.html" class="dropdown-item">Chartist Charts</a>
-                                                <a href="charts-c3.html" class="dropdown-item">C3 Charts</a>
-                                                <a href="charts-sparklines.html" class="dropdown-item">Sparklines Charts</a>
-                                                <a href="charts-knob.html" class="dropdown-item">Jquery Knob Charts</a>
-                                            </div>
-                                        </div>
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-table"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="ri-table-line align-middle mr-1"></i> Tables <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-table">
-                                                <a href="tables-basic.html" class="dropdown-item">Basic Tables</a>
-                                                <a href="tables-datatables.html" class="dropdown-item">Data Tables</a>
-                                                <a href="tables-editable.html" class="dropdown-item">Editable Tables</a>
-                                                <a href="tables-responsive.html" class="dropdown-item">Responsive Tables</a>
-                                                <a href="tables-footables.html" class="dropdown-item">FooTable</a>
-                                                <a href="tables-tablesaw.html" class="dropdown-item">Tablesaw Tables</a>
-                                            </div>
-                                        </div>
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-icons"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="ri-markup-line align-middle mr-1"></i> Icons <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-icons">
-                                                <a href="icons-feather.html" class="dropdown-item">Feather</a>
-                                                <a href="icons-remix.html" class="dropdown-item">Remix</a>
-                                                <a href="icons-boxicons.html" class="dropdown-item">Boxicons</a>
-                                                <a href="icons-mdi.html" class="dropdown-item">Material Design</a>
-                                                <a href="icons-font-awesome.html" class="dropdown-item">Font Awesome 5</a>
-                                                <a href="icons-weather.html" class="dropdown-item">Weather</a>
-                                            </div>
-                                        </div>
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-map"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                <i class="ri-map-pin-line align-middle mr-1"></i> Maps <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-map">
-                                                <a href="maps-google.html" class="dropdown-item">Google Maps</a>
-                                                <a href="maps-vector.html" class="dropdown-item">Vector Maps</a>
-                                                <a href="maps-mapael.html" class="dropdown-item">Mapael Maps</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </li>
-
-                                <li class="nav-item dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-pages" role="button"
-                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                        <i class="ri-pages-line mr-1"></i> Pages <div class="arrow-down"></div>
-                                    </a>
-                                    <div class="dropdown-menu" aria-labelledby="topnav-pages">
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-auth"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                Auth Style 1 <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-auth">
-                                                <a href="auth-login.html" class="dropdown-item">Log In</a>
-                                                <a href="auth-register.html" class="dropdown-item">Register</a>
-                                                <a href="auth-signin-signup.html" class="dropdown-item">Signin - Signup</a>
-                                                <a href="auth-recoverpw.html" class="dropdown-item">Recover Password</a>
-                                                <a href="auth-lock-screen.html" class="dropdown-item">Lock Screen</a>
-                                                <a href="auth-logout.html" class="dropdown-item">Logout</a>
-                                                <a href="auth-confirm-mail.html" class="dropdown-item">Confirm Mail</a>
-                                            </div>
-                                        </div>
-
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-auth2"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                Auth Style 2 <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-auth2">
-                                                <a href="auth-login-2.html" class="dropdown-item">Log In 2</a>
-                                                <a href="auth-register-2.html" class="dropdown-item">Register 2</a>
-                                                <a href="auth-signin-signup-2.html" class="dropdown-item">Signin - Signup 2</a>
-                                                <a href="auth-recoverpw-2.html" class="dropdown-item">Recover Password 2</a>
-                                                <a href="auth-lock-screen-2.html" class="dropdown-item">Lock Screen 2</a>
-                                                <a href="auth-logout-2.html" class="dropdown-item">Logout 2</a>
-                                                <a href="auth-confirm-mail-2.html" class="dropdown-item">Confirm Mail 2</a>
-                                            </div>
-                                        </div>
-
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-error"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                Errors <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-error">
-                                                <a href="pages-404.html" class="dropdown-item">Error 404</a>
-                                                <a href="pages-404-alt.html" class="dropdown-item">Error 404-alt</a>
-                                                <a href="pages-500.html" class="dropdown-item">Error 500</a>
-                                            </div>
-                                        </div>
-
-                                        <div class="dropdown">
-                                            <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-utility"
-                                                role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                Utility <div class="arrow-down"></div>
-                                            </a>
-                                            <div class="dropdown-menu" aria-labelledby="topnav-utility">
-                                                <a href="pages-starter.html" class="dropdown-item">Starter</a>
-                                                <a href="pages-timeline.html" class="dropdown-item">Timeline</a>
-                                                <a href="pages-sitemap.html" class="dropdown-item">Sitemap</a>
-                                                <a href="pages-invoice.html" class="dropdown-item">Invoice</a>
-                                                <a href="pages-faqs.html" class="dropdown-item">FAQs</a>
-                                                <a href="pages-search-results.html" class="dropdown-item">Search Results</a>
-                                                <a href="pages-pricing.html" class="dropdown-item">Pricing</a>
-                                                <a href="pages-maintenance.html" class="dropdown-item">Maintenance</a>
-                                                <a href="pages-coming-soon.html" class="dropdown-item">Coming Soon</a>
-                                                <a href="pages-gallery.html" class="dropdown-item">Gallery</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </li>
-                                <li class="nav-item dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-layout" role="button"
-                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                        <i class="ri-layout-line mr-1"></i> Layouts <div class="arrow-down"></div>
-                                    </a>
-                                    <div class="dropdown-menu" aria-labelledby="topnav-layout">
-                                        <a href="layouts-vertical.html" class="dropdown-item">Vertical</a>
-                                        <a href="layouts-horizontal.html" class="dropdown-item">Horizontal</a>
-                                        <a href="index.html" class="dropdown-item">Detached</a>
-                                        <a href="layouts-two-column.html" class="dropdown-item">Two Column Menu</a>
-                                        <a href="layouts-preloader.html" class="dropdown-item">Preloader</a>
-                                    </div>
-                                </li>
-                            </ul> <!-- end navbar-->
-                        </div> <!-- end .collapsed-->
-                    </nav>
-                </div> <!-- end container-fluid -->
-            </div> <!-- end topnav-->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Horizontal</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Layouts</a></li>
-                                            <li class="breadcrumb-item active">Horizontal</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Campaign Sent">Campaign Sent</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">865</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 5.27%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-success rounded">
-                                                    <i class="ri-stack-line font-20 text-success"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="New Leads">New Leads</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">384</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-danger mr-2"><span class="mdi mdi-arrow-down-bold"></span> 3.27%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-primary rounded">
-                                                    <i class="ri-slideshow-2-line font-20 text-primary"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Deals">Deals</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">34,521</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 8.58%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-danger rounded">
-                                                    <i class="ri-hand-heart-line font-20 text-danger"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Booked Revenue">Booked Revenue</h5>
-                                                <h3 class="my-2 py-1">$<span data-plugin="counterup">89,357</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 34.61%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-warning rounded">
-                                                    <i class="ri-money-dollar-box-line font-20 text-warning"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <h4 class="header-title">Campaigns</h4>
-                                            <div class="btn-group mb-2">
-                                                <button type="button" class="btn btn-xs btn-light active">Today</button>
-                                                <button type="button" class="btn btn-xs btn-light">Weekly</button>
-                                                <button type="button" class="btn btn-xs btn-light">Monthly</button>
-                                            </div>
-                                        </div>
-                                        <div class="mt-3" dir="ltr">
-                                            <div id="campaigns-chart" class="apex-charts" data-colors="#48c2e7,#18c984,#526dee"></div>
-                                        </div>
-                                        <div class="row text-center mt-2">
-                                            <div class="col-md-4">
-                                                <h4 class="font-weight-normal mt-3">
-                                                    <span>6,510</span>
-                                                </h4>
-                                                <p class="text-muted mb-0 mb-2"><i class="mdi mdi-checkbox-blank-circle text-info"></i> Total Sent</p>
-                                            </div>
-                                            <div class="col-md-4">
-                                                <h4 class="font-weight-normal mt-3">
-                                                    <span>3,487</span>
-                                                </h4>
-                                                <p class="text-muted mb-0 mb-2"><i class="mdi mdi-checkbox-blank-circle text-success"></i> Reached</p>
-                                            </div>
-                                            <div class="col-md-4">
-                                                <h4 class="font-weight-normal mt-3">
-                                                    <span>1,568</span>
-                                                </h4>
-                                                <p class="text-muted mb-0 mb-2"><i class="mdi mdi-checkbox-blank-circle text-primary"></i> Opened</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-8">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <h4 class="header-title">Revenue</h4>
-                                            <div class="btn-group mb-2">
-                                                <button type="button" class="btn btn-xs btn-light active">Today</button>
-                                                <button type="button" class="btn btn-xs btn-light">Weekly</button>
-                                                <button type="button" class="btn btn-xs btn-light">Monthly</button>
-                                            </div>
-                                        </div>
-
-                                        <div class="row mt-4 text-center">
-                                            <div class="col-4">
-                                                <p class="text-muted font-15 mb-1 text-truncate">Current Month</p>
-                                                <h4><i class="fe-arrow-up text-success mr-1"></i>$1.4k</h4>
-                                            </div>
-                                            <div class="col-4">
-                                                <p class="text-muted font-15 mb-1 text-truncate">Previous Month</p>
-                                                <h4><i class="fe-arrow-down text-danger mr-1"></i>$15k</h4>
-                                            </div>
-                                            <div class="col-4">
-                                                <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                <h4><i class="fe-arrow-down text-danger mr-1"></i>$7.8k</h4>
-                                            </div>
-                                        </div>
-                                        
-                                        <div class="mt-3" dir="ltr">
-                                            <div id="revenue-chart" class="apex-charts" data-colors="#6559cc,#ced4dc"></div>
-                                        </div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-5">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title mb-3">Top Performing</h4>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-striped table-sm table-nowrap table-centered mb-0">
-                                                <thead>
-                                                    <tr>
-                                                        <th>User</th>
-                                                        <th>Leads</th>
-                                                        <th>Deals</th>
-                                                        <th>Tasks</th>
-                                                        <th></th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Jeremy Young</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>187</td>
-                                                        <td>154</td>
-                                                        <td>49</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Thomas Krueger</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>235</td>
-                                                        <td>127</td>
-                                                        <td>83</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Pete Burdine</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>365</td>
-                                                        <td>148</td>
-                                                        <td>62</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Mary Nelson</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>753</td>
-                                                        <td>159</td>
-                                                        <td>258</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Kevin Grove</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>458</td>
-                                                        <td>126</td>
-                                                        <td>73</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div>
-                            <!-- end col-->
-
-                            <div class="col-xl-7">
-                                <div class="row">
-                                    <div class="col-lg-6">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <div class="dropdown float-right">
-                                                    <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                        <i class="mdi mdi-dots-vertical"></i>
-                                                    </a>
-                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                    </div>
-                                                </div>
-                                                <h4 class="header-title mb-4">Recent Leads</h4>
-        
-                                                <div class="media">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-2.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-warning float-right">Cold lead</span>
-                                                        <h5 class="mt-0 mb-1">Risa Pearson</h5>
-                                                        <span class="font-13">richard.john@mail.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-3.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-danger float-right">Lost lead</span>
-                                                        <h5 class="mt-0 mb-1">Margaret D. Evans</h5>
-                                                        <span class="font-13">margaret.evans@rhyta.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-4.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-success float-right">Won lead</span>
-                                                        <h5 class="mt-0 mb-1">Bryan J. Luellen</h5>
-                                                        <span class="font-13">bryuellen@dayrep.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-5.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-warning float-right">Cold lead</span>
-                                                        <h5 class="mt-0 mb-1">Kathryn S. Collier</h5>
-                                                        <span class="font-13">collier@jourrapide.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-1.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-warning float-right">Cold lead</span>
-                                                        <h5 class="mt-0 mb-1">Timothy Kauper</h5>
-                                                        <span class="font-13">thykauper@rhyta.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-6.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-success float-right">Won lead</span>
-                                                        <h5 class="mt-0 mb-1">Zara Raws</h5>
-                                                        <span class="font-13">austin@dayrep.com</span>
-                                                    </div>
-                                                </div>
-                                                   
-                                            </div>
-                                            <!-- end card-body -->
-                                        </div>
-                                        <!-- end card-->
-                                    </div>
-                                    <!-- end col -->  
-                                    
-                                    <div class="col-lg-6">
-                                        <!-- Todo-->
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <div class="dropdown float-right">
-                                                    <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                        <i class="mdi mdi-dots-vertical"></i>
-                                                    </a>
-                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                    </div>
-                                                </div>
-                                                <h4 class="header-title mb-3">Todo</h4>
-        
-                                                <div class="todoapp">
-                                                    <div class="row">
-                                                        <div class="col">
-                                                            <h5 id="todo-message"><span id="todo-remaining"></span> of <span id="todo-total"></span> remaining</h5>
-                                                        </div>
-                                                        <div class="col-auto">
-                                                            <a href="" class="float-right btn btn-light btn-sm" id="btn-archive">Archive</a>
-                                                        </div>
-                                                    </div>
-        
-                                                    <div style="max-height: 292px;" data-simplebar>
-                                                        <ul class="list-group list-group-flush todo-list" id="todo-list"></ul>
-                                                    </div>
-        
-                                                    <form name="todo-form" id="todo-form" class="needs-validation mt-3" novalidate>
-                                                        <div class="row">
-                                                            <div class="col">
-                                                                <input type="text" id="todo-input-text" name="todo-input-text" class="form-control" 
-                                                                    placeholder="Add new todo" required>
-                                                                <div class="invalid-feedback">
-                                                                    Please enter your task name
-                                                                </div>
-                                                            </div>
-                                                            <div class="col-auto">
-                                                                <button class="btn btn-primary btn-md btn-block width-sm waves-effect waves-light" type="submit" id="todo-btn-submit">Add</button>
-                                                            </div>
-                                                        </div>
-                                                    </form>
-                                                </div> <!-- end .todoapp-->
-        
-                                            </div> <!-- end card-body -->
-                                        </div> <!-- end card-->
-        
-                                    </div><!-- end col --> 
-                                </div><!-- end row-->
-                            </div>
-                            <!-- end col-->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Apex js-->
-        <script src="../assets/libs/apexcharts/apexcharts.min.js"></script>
-        <script src="../assets/libs/moment/min/moment.min.js"></script>
-        <script src="../assets/libs/jquery.scrollto/jquery.scrollTo.min.js"></script>
-
-        <!-- TODO js-->
-        <script src="../assets/js/pages/jquery.todo.js"></script>
-
-        <!-- Dashboard init-->
-        <script src="../assets/js/pages/dashboard-crm.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/layouts-preloader.html b/public/modern/layouts-preloader.html
deleted file mode 100644
index 2dfe1eb..0000000
--- a/public/modern/layouts-preloader.html
+++ /dev/null
@@ -1,2103 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Preloader | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Pre-loader -->
-        <div id="preloader">
-            <div id="status">
-                <div class="spinner">Loading...</div>
-            </div>
-        </div>
-        <!-- End Preloader-->
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Preloader</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Layouts</a></li>
-                                            <li class="breadcrumb-item active">Preloader</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Campaign Sent">Campaign Sent</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">865</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 5.27%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-success rounded">
-                                                    <i class="ri-stack-line font-20 text-success"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="New Leads">New Leads</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">384</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-danger mr-2"><span class="mdi mdi-arrow-down-bold"></span> 3.27%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-primary rounded">
-                                                    <i class="ri-slideshow-2-line font-20 text-primary"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Deals">Deals</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">34,521</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 8.58%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-danger rounded">
-                                                    <i class="ri-hand-heart-line font-20 text-danger"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Booked Revenue">Booked Revenue</h5>
-                                                <h3 class="my-2 py-1">$<span data-plugin="counterup">89,357</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 34.61%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-warning rounded">
-                                                    <i class="ri-money-dollar-box-line font-20 text-warning"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <h4 class="header-title">Campaigns</h4>
-                                            <div class="btn-group mb-2">
-                                                <button type="button" class="btn btn-xs btn-light active">Today</button>
-                                                <button type="button" class="btn btn-xs btn-light">Weekly</button>
-                                                <button type="button" class="btn btn-xs btn-light">Monthly</button>
-                                            </div>
-                                        </div>
-                                        <div class="mt-3" dir="ltr">
-                                            <div id="campaigns-chart" class="apex-charts" data-colors="#48c2e7,#18c984,#526dee"></div>
-                                        </div>
-                                        <div class="row text-center mt-2">
-                                            <div class="col-md-4">
-                                                <h4 class="font-weight-normal mt-3">
-                                                    <span>6,510</span>
-                                                </h4>
-                                                <p class="text-muted mb-0 mb-2"><i class="mdi mdi-checkbox-blank-circle text-info"></i> Total Sent</p>
-                                            </div>
-                                            <div class="col-md-4">
-                                                <h4 class="font-weight-normal mt-3">
-                                                    <span>3,487</span>
-                                                </h4>
-                                                <p class="text-muted mb-0 mb-2"><i class="mdi mdi-checkbox-blank-circle text-success"></i> Reached</p>
-                                            </div>
-                                            <div class="col-md-4">
-                                                <h4 class="font-weight-normal mt-3">
-                                                    <span>1,568</span>
-                                                </h4>
-                                                <p class="text-muted mb-0 mb-2"><i class="mdi mdi-checkbox-blank-circle text-primary"></i> Opened</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-8">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <h4 class="header-title">Revenue</h4>
-                                            <div class="btn-group mb-2">
-                                                <button type="button" class="btn btn-xs btn-light active">Today</button>
-                                                <button type="button" class="btn btn-xs btn-light">Weekly</button>
-                                                <button type="button" class="btn btn-xs btn-light">Monthly</button>
-                                            </div>
-                                        </div>
-
-                                        <div class="row mt-4 text-center">
-                                            <div class="col-4">
-                                                <p class="text-muted font-15 mb-1 text-truncate">Current Month</p>
-                                                <h4><i class="fe-arrow-up text-success mr-1"></i>$1.4k</h4>
-                                            </div>
-                                            <div class="col-4">
-                                                <p class="text-muted font-15 mb-1 text-truncate">Previous Month</p>
-                                                <h4><i class="fe-arrow-down text-danger mr-1"></i>$15k</h4>
-                                            </div>
-                                            <div class="col-4">
-                                                <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                <h4><i class="fe-arrow-down text-danger mr-1"></i>$7.8k</h4>
-                                            </div>
-                                        </div>
-                                        
-                                        <div class="mt-3" dir="ltr">
-                                            <div id="revenue-chart" class="apex-charts" data-colors="#6559cc,#ced4dc"></div>
-                                        </div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-5">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title mb-3">Top Performing</h4>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-striped table-sm table-nowrap table-centered mb-0">
-                                                <thead>
-                                                    <tr>
-                                                        <th>User</th>
-                                                        <th>Leads</th>
-                                                        <th>Deals</th>
-                                                        <th>Tasks</th>
-                                                        <th></th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Jeremy Young</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>187</td>
-                                                        <td>154</td>
-                                                        <td>49</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Thomas Krueger</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>235</td>
-                                                        <td>127</td>
-                                                        <td>83</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Pete Burdine</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>365</td>
-                                                        <td>148</td>
-                                                        <td>62</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Mary Nelson</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>753</td>
-                                                        <td>159</td>
-                                                        <td>258</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="font-15 mb-1 font-weight-normal">Kevin Grove</h5>
-                                                            <span class="text-muted font-13">Senior Sales Executive</span>
-                                                        </td>
-                                                        <td>458</td>
-                                                        <td>126</td>
-                                                        <td>73</td>
-                                                        <td class="table-action">
-                                                            <a href="javascript: void(0);" class="action-icon"> <i class="mdi mdi-eye"></i></a>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div>
-                            <!-- end col-->
-
-                            <div class="col-xl-7">
-                                <div class="row">
-                                    <div class="col-lg-6">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <div class="dropdown float-right">
-                                                    <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                        <i class="mdi mdi-dots-vertical"></i>
-                                                    </a>
-                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                    </div>
-                                                </div>
-                                                <h4 class="header-title mb-4">Recent Leads</h4>
-        
-                                                <div class="media">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-2.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-warning float-right">Cold lead</span>
-                                                        <h5 class="mt-0 mb-1">Risa Pearson</h5>
-                                                        <span class="font-13">richard.john@mail.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-3.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-danger float-right">Lost lead</span>
-                                                        <h5 class="mt-0 mb-1">Margaret D. Evans</h5>
-                                                        <span class="font-13">margaret.evans@rhyta.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-4.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-success float-right">Won lead</span>
-                                                        <h5 class="mt-0 mb-1">Bryan J. Luellen</h5>
-                                                        <span class="font-13">bryuellen@dayrep.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-5.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-warning float-right">Cold lead</span>
-                                                        <h5 class="mt-0 mb-1">Kathryn S. Collier</h5>
-                                                        <span class="font-13">collier@jourrapide.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-1.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-warning float-right">Cold lead</span>
-                                                        <h5 class="mt-0 mb-1">Timothy Kauper</h5>
-                                                        <span class="font-13">thykauper@rhyta.com</span>
-                                                    </div>
-                                                </div>
-        
-                                                <div class="media mt-3">
-                                                    <img class="mr-3 rounded-circle" src="../assets/images/users/avatar-6.jpg" width="40" alt="Generic placeholder image">
-                                                    <div class="media-body">
-                                                        <span class="badge badge-soft-success float-right">Won lead</span>
-                                                        <h5 class="mt-0 mb-1">Zara Raws</h5>
-                                                        <span class="font-13">austin@dayrep.com</span>
-                                                    </div>
-                                                </div>
-                                                   
-                                            </div>
-                                            <!-- end card-body -->
-                                        </div>
-                                        <!-- end card-->
-                                    </div>
-                                    <!-- end col -->  
-                                    
-                                    <div class="col-lg-6">
-                                        <!-- Todo-->
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <div class="dropdown float-right">
-                                                    <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                        <i class="mdi mdi-dots-vertical"></i>
-                                                    </a>
-                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                    </div>
-                                                </div>
-                                                <h4 class="header-title mb-3">Todo</h4>
-        
-                                                <div class="todoapp">
-                                                    <div class="row">
-                                                        <div class="col">
-                                                            <h5 id="todo-message"><span id="todo-remaining"></span> of <span id="todo-total"></span> remaining</h5>
-                                                        </div>
-                                                        <div class="col-auto">
-                                                            <a href="" class="float-right btn btn-light btn-sm" id="btn-archive">Archive</a>
-                                                        </div>
-                                                    </div>
-        
-                                                    <div style="max-height: 292px;" data-simplebar>
-                                                        <ul class="list-group list-group-flush todo-list" id="todo-list"></ul>
-                                                    </div>
-        
-                                                    <form name="todo-form" id="todo-form" class="needs-validation mt-3" novalidate>
-                                                        <div class="row">
-                                                            <div class="col">
-                                                                <input type="text" id="todo-input-text" name="todo-input-text" class="form-control" 
-                                                                    placeholder="Add new todo" required>
-                                                                <div class="invalid-feedback">
-                                                                    Please enter your task name
-                                                                </div>
-                                                            </div>
-                                                            <div class="col-auto">
-                                                                <button class="btn btn-primary btn-md btn-block width-sm waves-effect waves-light" type="submit" id="todo-btn-submit">Add</button>
-                                                            </div>
-                                                        </div>
-                                                    </form>
-                                                </div> <!-- end .todoapp-->
-        
-                                            </div> <!-- end card-body -->
-                                        </div> <!-- end card-->
-        
-                                    </div><!-- end col --> 
-                                </div><!-- end row-->
-                            </div>
-                            <!-- end col-->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Apex js-->
-        <script src="../assets/libs/apexcharts/apexcharts.min.js"></script>
-        <script src="../assets/libs/moment/min/moment.min.js"></script>
-        <script src="../assets/libs/jquery.scrollto/jquery.scrollTo.min.js"></script>
-
-        <!-- TODO js-->
-        <script src="../assets/js/pages/jquery.todo.js"></script>
-
-        <!-- Dashboard init-->
-        <script src="../assets/js/pages/dashboard-crm.init.js"></script>
-
-        <!-- App js-->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/layouts-two-column.html b/public/modern/layouts-two-column.html
deleted file mode 100644
index f6c6f7e..0000000
--- a/public/modern/layouts-two-column.html
+++ /dev/null
@@ -1,2047 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-
-        <meta charset="utf-8" />
-        <title>Two Column Layout | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- plugin css -->
-        <link href="../assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
-
-        <!-- App css -->
-        <link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-        <link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-        <link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-        <link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-        <!-- icons -->
-        <link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="two-column" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": false}, "topbar": {"color": "light"}, "showRightSidebarOnPageLoad": true}'></body>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <div class="h-100" >
-
-                    <div class="sidebar-content">
-                        <div class="sidebar-icon-menu h-100" data-simplebar>
-                            <!-- LOGO -->
-                            <a href="index.html" class="logo">
-                                <span>
-                                    <img src="../assets/images/logo-sm.png" alt="" height="28">
-                                </span>
-                            </a>
-                            <nav class="nav flex-column" id="two-col-sidenav-main">
-                                <a class="nav-link active" href="#dashboard" data-toggle="tooltip" data-placement="right"
-                                    title="Dashboard" data-trigger="hover">
-                                    <i class="ri-dashboard-line"></i>
-                                </a>
-                                <a class="nav-link" href="#apps" data-toggle="tooltip" data-placement="right" title="Apps" data-trigger="hover">
-                                    <i class="ri-apps-2-line"></i>
-                                </a>
-                                <a class="nav-link" href="#pages" data-toggle="tooltip" data-placement="right" title="Pages" data-trigger="hover">
-                                    <i class="ri-pages-line"></i>
-                                </a>
-                                <a class="nav-link" href="#layouts" data-toggle="tooltip" data-placement="right" title="Layouts" data-trigger="hover">
-                                    <i class="ri-layout-line"></i>
-                                </a>
-                                <a class="nav-link" href="#uielements" data-toggle="tooltip" data-placement="right" title="UI Elements" data-trigger="hover">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                </a>
-                                <a class="nav-link" href="#components" data-toggle="tooltip" data-placement="right"
-                                    title="Components" data-trigger="hover">
-                                    <i class="ri-stack-line"></i>
-                                </a>
-                                <a class="nav-link" href="widgets.html" data-toggle="tooltip" data-placement="right" title="Widgets" data-trigger="hover">
-                                    <i class="ri-honour-line align-middle"></i>
-                                </a>
-                            </nav>
-                        </div>
-                        <!--- Sidemenu -->
-                        <div class="sidebar-main-menu">
-                            <div id="two-col-menu" class="h-100" data-simplebar>
-                                <div class="twocolumn-menu-item d-block" id="dashboard">
-                                    <div class="title-box">
-                                        <h5 class="menu-title">Dashboards</h5>
-                                        <ul class="nav flex-column">
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="index.html">Sales</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="dashboard-crm.html">CRM</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="dashboard-analytics.html">Analytics</a>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-
-                                <div class="twocolumn-menu-item" id="apps">
-                                    <h5 class="menu-title">Apps</h5>
-                                    <ul class="nav flex-column">
-                                        <li class="nav-item">
-                                            <a class="nav-link" href="apps-calendar.html">Calendar</a>
-                                        </li>
-                                        <li class="nav-item">
-                                            <a class="nav-link" href="apps-chat.html">Chat</a>
-                                        </li>
-                                        <li class="nav-item">
-                                            <a href="#sidebarEcommerce" data-toggle="collapse" class="nav-link">
-                                                <span> Ecommerce </span>
-                                                <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarEcommerce">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="ecommerce-products.html">Products List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="ecommerce-products-grid.html">Products Grid</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="ecommerce-product-detail.html">Product Detail</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="ecommerce-product-create.html">Create Product</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="ecommerce-customers.html">Customers</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="ecommerce-orders.html">Orders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="ecommerce-order-detail.html">Order Detail</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="ecommerce-sellers.html">Sellers</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="ecommerce-cart.html">Shopping Cart</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="ecommerce-checkout.html">Checkout</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                            
-                                        <li class="nav-item">
-                                            <a href="#sidebarEmail" data-toggle="collapse" class="nav-link">
-                                                <span> Email </span>
-                                                <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarEmail">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="email-inbox.html">Inbox</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="email-read.html">Read Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="email-templates.html">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                        <li class="nav-item">
-                                            <a class="nav-link" href="apps-companies.html">Companies</a>
-                                        </li>
-                                        <li class="nav-item">
-                                            <a href="#sidebarTasks" data-toggle="collapse" class="nav-link">
-                                                <span> Tasks </span>
-                                                <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarTasks">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="task-list.html">List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="task-details.html">Details</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="task-kanban-board.html">Kanban Board</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                        <li class="nav-item">
-                                            <a href="#sidebarContacts" data-toggle="collapse" class="nav-link">
-                                                <span> Contacts </span>
-                                                <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarContacts">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="contacts-list.html">Members List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="contacts-profile.html">Profile</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                            
-                                        <li class="nav-item">
-                                            <a class="nav-link" href="apps-file-manager.html">File Manager</a>
-                                        </li>
-
-                                        <li class="nav-item">
-                                            <a class="nav-link" href="apps-tickets.html">Tickets</a>
-                                        </li>
-                                    </ul>
-                                </div>
-
-                                <div class="twocolumn-menu-item" id="pages">
-                                    <div class="title-box">
-                                        <h5 class="menu-title">Pages</h5>
-                                        <ul class="nav flex-column">
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="pages-starter.html">Starter</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="pages-timeline.html">Timeline</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="pages-sitemap.html">Sitemap</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="pages-invoice.html">Invoice</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="pages-faqs.html">FAQs</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="pages-search-results.html">Search Results</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="pages-pricing.html">Pricing</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="pages-maintenance.html">Maintenance</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="pages-coming-soon.html">Coming Soon</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="pages-gallery.html">Gallery</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#sidebarAuth" data-toggle="collapse" class="nav-link">
-                                                    <span> Auth Pages </span>
-                                                    <span class="menu-arrow"></span>
-                                                </a>
-                                                <div class="collapse" id="sidebarAuth">
-                                                    <ul class="nav-second-level">
-                                                        <li>
-                                                            <a href="auth-login.html">Log In</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-login-2.html">Log In 2</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-register.html">Register</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-register-2.html">Register 2</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-logout.html">Logout</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-logout-2.html">Logout 2</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#sidebarErrors" data-toggle="collapse" class="nav-link">
-                                                    Error Pages <span class="menu-arrow"></span>
-                                                </a>
-                                                <div class="collapse" id="sidebarErrors">
-                                                    <ul class="nav-second-level">
-                                                        <li>
-                                                            <a href="pages-404.html">Error 404</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="pages-500.html">Error 500</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </li>
-                                
-                                        </ul>
-                                    </div>
-                                </div>
-
-                                <div class="twocolumn-menu-item" id="layouts">
-                                    <div class="title-box">
-                                        <h5 class="menu-title">Layouts</h5>
-                                        <ul class="nav flex-column">
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="layouts-vertical.html">Vertical</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="layouts-horizontal.html">Horizontal</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="index.html">Detached</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="layouts-two-column.html">Two Column Menu</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="layouts-preloader.html">Preloader</a>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-
-                                <div class="twocolumn-menu-item" id="uielements">
-                                    <div class="title-box">
-                                        <h5 class="menu-title">UI Elements</h5>
-                                        <ul class="nav flex-column">
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-avatars.html">Avatars</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-buttons.html">Buttons</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-cards.html">Cards</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-carousel.html">Carousel</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-dropdowns.html">Dropdowns</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-video.html">Embed Video</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-general.html">General UI</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-grid.html">Grid</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-images.html">Images</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-list-group.html">List Group</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-modals.html">Modals</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-notifications.html">Notifications</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-portlets.html">Portlets</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-progress.html">Progress</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-ribbons.html">Ribbons</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-spinners.html">Spinners</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link" href="ui-typography.html">Typography</a>
-                                            </li>
-                                
-                                        </ul>
-                                    </div>
-                                </div>
-
-                                <div class="twocolumn-menu-item" id="components">
-                                    <div class="title-box">
-                                        <h5 class="menu-title">Components</h5>
-                                        <ul class="nav flex-column">
-                                            <li class="nav-item">
-                                                <a href="#sidebarExtendedui" data-toggle="collapse" class="nav-link">
-                                                    <span class="badge badge-info float-right">Hot</span>
-                                                    <span> Extended UI </span>
-                                                </a>
-                                                <div class="collapse" id="sidebarExtendedui">
-                                                    <ul class="nav-second-level">
-                                                        <li>
-                                                            <a href="extended-nestable.html">Nestable List</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="extended-range-slider.html">Range Slider</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="extended-tour.html">Tour Page</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="extended-treeview.html">Treeview</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#sidebarIcons" data-toggle="collapse" class="nav-link">
-                                                    <span> Icons </span>
-                                                    <span class="menu-arrow"></span>
-                                                </a>
-                                                <div class="collapse" id="sidebarIcons">
-                                                    <ul class="nav-second-level">
-                                                        <li>
-                                                            <a href="icons-feather.html">Feather</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="icons-remix.html">Remix</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="icons-boxicons.html">Boxicons</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="icons-mdi.html">Material Design</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="icons-weather.html">Weather</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#sidebarForms" data-toggle="collapse" class="nav-link">
-                                                    <span> Forms </span>
-                                                    <span class="menu-arrow"></span>
-                                                </a>
-                                                <div class="collapse" id="sidebarForms">
-                                                    <ul class="nav-second-level">
-                                                        <li>
-                                                            <a href="forms-elements.html">General Elements</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="forms-advanced.html">Advanced</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="forms-validation.html">Validation</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="forms-pickers.html">Pickers</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="forms-wizard.html">Wizard</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="forms-masks.html">Masks</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="forms-summernote.html">Summernote</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="forms-x-editable.html">X Editable</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#sidebarTables" data-toggle="collapse" class="nav-link">
-                                                    <span> Tables </span>
-                                                    <span class="menu-arrow"></span>
-                                                </a>
-                                                <div class="collapse" id="sidebarTables">
-                                                    <ul class="nav-second-level">
-                                                        <li>
-                                                            <a href="tables-basic.html">Basic Tables</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="tables-datatables.html">Data Tables</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="tables-editable.html">Editable Tables</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="tables-footables.html">FooTable</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#sidebarCharts" data-toggle="collapse" class="nav-link">
-                                                    <span> Charts </span>
-                                                    <span class="menu-arrow"></span>
-                                                </a>
-                                                <div class="collapse" id="sidebarCharts">
-                                                    <ul class="nav-second-level">
-                                                        <li>
-                                                            <a href="charts-flot.html">Flot Charts</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="charts-apex.html">Apex Charts</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="charts-morris.html">Morris Charts</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="charts-chartjs.html">Chartjs Charts</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="charts-c3.html">C3 Charts</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="charts-peity.html">Peity Charts</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="charts-chartist.html">Chartist Charts</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="charts-sparklines.html">Sparklines Charts</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="charts-knob.html">Jquery Knob Charts</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#sidebarMaps" data-toggle="collapse" class="nav-link">
-                                                    <span> Maps </span>
-                                                    <span class="menu-arrow"></span>
-                                                </a>
-                                                <div class="collapse" id="sidebarMaps">
-                                                    <ul class="nav-second-level">
-                                                        <li>
-                                                            <a href="maps-google.html">Google Maps</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="maps-vector.html">Vector Maps</a>
-                                                        </li>
-                                                        <li>
-                                                            <a href="maps-mapael.html">Mapael Maps</a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#sidebarMultilevel" data-toggle="collapse" class="nav-link">
-                                                    <span> Multi Level </span>
-                                                    <span class="menu-arrow"></span>
-                                                </a>
-                                                <div class="collapse" id="sidebarMultilevel">
-                                                    <ul class="nav-second-level">
-                                                        <li>
-                                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                                Second Level <span class="menu-arrow"></span>
-                                                            </a>
-                                                            <div class="collapse" id="sidebarMultilevel2">
-                                                                <ul class="nav-second-level">
-                                                                    <li>
-                                                                        <a href="javascript: void(0);">Item 1</a>
-                                                                    </li>
-                                                                    <li>
-                                                                        <a href="javascript: void(0);">Item 2</a>
-                                                                    </li>
-                                                                </ul>
-                                                            </div>
-                                                        </li>
-                
-                                                        <li>
-                                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                                Second Level 1
-                                                            </a>
-                                                        </li>
-                                                    </ul>
-                                                </div>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-
-                            </div>
-
-                        </div>
-                        <div class="clearfix"></div>
-                    </div>
-                    <!-- End Sidebar -->
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box">
-                                    <h4 class="page-title">Two Column</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Layouts</a></li>
-                                            <li class="breadcrumb-item active">Two Column</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-xl-3 col-lg-4">
-                                <div class="alert alert-info alert-dismissible fade show mb-3" role="alert">
-                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                        <span aria-hidden="true">×</span>
-                                    </button>
-                                    Property MN7xx is not receiving hits. Either your site is not receiving any sessions.
-                                </div>
-                                <div class="card">
-                                    <div class="card-body">
-                                        <i class="fa fa-info-circle text-muted float-right" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="More Info"></i>
-                                        <h4 class="m-0 font-16">Active Users</h4>
-                                        <h2 class="my-3 text-center" id="active-users-count">121</h2>
-                                        <p class="text-muted m-0">Since last month: 22506 <span class="float-right"><i class="mdi mdi-arrow-up-bold mr-1 text-success"></i>10.25%</span></p>
-                                        
-                                    </div> <!-- end card-body-->
-                                </div>
-                                <!--end card-->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <i class="fa fa-info-circle text-muted float-right" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="More Info"></i>
-                                        <h4 class="m-0 font-16">Views Per Minute</h4>
-                                        <h2 class="my-3 text-center" id="active-views-count">485</h2>
-                                        <p class="text-muted m-0">Since previous week: 8541 <span class="float-right"><i class="mdi mdi-arrow-down-bold mr-1 text-danger"></i>2.63%</span></p>
-                                        
-                                    </div> <!-- end card-body-->
-                                </div>
-                                <!--end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-9 col-lg-8">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <ul class="nav float-right d-none d-lg-flex">
-                                            <li class="nav-item">
-                                                <a class="nav-link text-muted" href="#">Today</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link text-muted" href="#">7d</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link active" href="#">15d</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link text-muted" href="#">1m</a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a class="nav-link text-muted" href="#">1y</a>
-                                            </li>
-                                        </ul>
-                                        <h4 class="header-title mb-3">Sessions Overview</h4>
-
-                                        <div class="row align-items-center">
-                                            <div class="col-xl-8">
-                                                <div id="usa-vectormap" style="height: 363px" data-colors="#526dee"></div>
-                                            </div> <!-- end col -->
-                                            <div class="col-xl-4">
-                                                <h5 class="mb-1 mt-0">1,12,540 <small class="text-muted ml-2">www.getbootstrap.com</small></h5>
-                                                <div class="row align-items-center no-gutters mb-2 pb-1">
-                                                    <div class="col">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar" role="progressbar" style="width: 72%;" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100"></div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-auto">
-                                                        <div class="font-weight-medium ml-2">72%</div>
-                                                    </div>
-                                                </div>
-            
-                                                <h5 class="mb-1 mt-0">51,480 <small class="text-muted ml-2">www.youtube.com</small></h5>
-                                                <div class="row align-items-center no-gutters mb-2 pb-1">
-                                                    <div class="col">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar bg-success" role="progressbar" style="width: 65%;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-auto">
-                                                        <div class="font-weight-medium ml-2">65%</div>
-                                                    </div>
-                                                </div>
-            
-                                                <h5 class="mb-1 mt-0">45,760 <small class="text-muted ml-2">www.dribbble.com</small></h5>
-                                                <div class="row align-items-center no-gutters mb-2 pb-1">
-                                                    <div class="col">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar bg-warning" role="progressbar" style="width: 48%;" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100"></div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-auto">
-                                                        <div class="font-weight-medium ml-2">48%</div>
-                                                    </div>
-                                                </div>
-            
-                                                <h5 class="mb-1 mt-0">98,512 <small class="text-muted ml-2">www.behance.net</small></h5>
-                                                <div class="row align-items-center no-gutters mb-2 pb-1">
-                                                    <div class="col">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar" role="progressbar" style="width: 59%;" aria-valuenow="59" aria-valuemin="0" aria-valuemax="100"></div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-auto">
-                                                        <div class="font-weight-medium ml-2">59%</div>
-                                                    </div>
-                                                </div>
-            
-                                                <h5 class="mb-1 mt-0">2,154 <small class="text-muted ml-2">www.vimeo.com</small></h5>
-                                                <div class="row align-items-center no-gutters">
-                                                    <div class="col">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 21%;" aria-valuenow="21" aria-valuemin="0" aria-valuemax="100"></div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="col-auto">
-                                                        <div class="font-weight-medium ml-2">21%</div>
-                                                    </div>
-                                                </div>
-
-                                            </div>
-                                        </div>
-                                        <!-- end row -->
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title mt-0 mb-3">Browser Used By Users</h4>
-                                        <div class="table-responsive browser_users">
-                                            <table class="table mb-0">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th class="border-top-0">Browser</th>
-                                                        <th class="border-top-0">Sessions</th>
-                                                        <th class="border-top-0">Bounce Rate</th>
-                                                        <th class="border-top-0">Transactions</th>
-                                                    </tr><!--end tr-->
-                                                </thead>
-                                                <tbody>
-                                                    <tr>                                                        
-                                                        <td><i class="fab fa-chrome mr-2 text-success font-16"></i>Chrome</td>
-                                                        <td>10853 <small class="text-muted">(52%)</small></td>                                   
-                                                        <td> 52.80%</td>
-                                                        <td>566 <small class="text-muted">(92%)</small></td>
-                                                    </tr><!--end tr-->     
-                                                    <tr>                                                        
-                                                        <td><i class="fab fa-safari mr-2 text-info font-16"></i>Safari</td>
-                                                        <td>2545 <small class="text-muted">(47%)</small></td>                                   
-                                                        <td> 47.54%</td>
-                                                        <td>498 <small class="text-muted">(81%)</small></td>
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><i class="fab fa-internet-explorer mr-2 text-warning font-16"></i>Internet-Explorer</td>
-                                                        <td>1836 <small class="text-muted">(38%)</small></td>                                   
-                                                        <td> 41.12%</td>
-                                                        <td>455 <small class="text-muted">(74%)</small></td>
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><i class="fab fa-opera mr-2 text-danger font-16"></i>Opera</td>
-                                                        <td>1958 <small class="text-muted">(31%)</small></td>                                   
-                                                        <td> 36.82%</td>
-                                                        <td>361 <small class="text-muted">(61%)</small></td>
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><i class="fab fa-firefox mr-2 text-blue font-16"></i>Firefox</td>
-                                                        <td>1566 <small class="text-muted">(26%)</small></td>                                   
-                                                        <td> 29.33%</td>
-                                                        <td>299 <small class="text-muted">(49%)</small></td>
-                                                    </tr><!--end tr-->                                
-                                                </tbody>
-                                            </table> <!--end table-->                                               
-                                        </div><!--end /div-->
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div><!--end col-->
-    
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title mt-0 mb-3">Traffic Sources</h4>
-                                        <div class="table-responsive browser_users">
-                                            <table class="table mb-0">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th class="border-top-0">Channel</th>
-                                                        <th class="border-top-0">Sessions</th>
-                                                        <th class="border-top-0">Prev.Period</th>
-                                                        <th class="border-top-0">% Change</th>
-                                                    </tr><!--end tr-->
-                                                </thead>
-                                                <tbody>
-                                                    <tr>                                                        
-                                                        <td><a href="" class="text-primary">Organic search</a></td>
-                                                        <td>10853 <small class="text-muted">(52%)</small></td>
-                                                        <td>566 <small class="text-muted">(92%)</small></td>
-                                                        <td> 52.80% <i class="fas fa-caret-up text-success font-16"></i></td>
-                                                    </tr><!--end tr-->     
-                                                    <tr>                                                        
-                                                        <td><a href="" class="text-primary">Direct</a></td>
-                                                        <td>2545 <small class="text-muted">(47%)</small></td>
-                                                        <td>498 <small class="text-muted">(81%)</small></td>
-                                                        <td> -17.20% <i class="fas fa-caret-down text-danger font-16"></i></td>
-                                                        
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><a href="" class="text-primary">Referal</a></td>
-                                                        <td>1836 <small class="text-muted">(38%)</small></td> 
-                                                        <td>455 <small class="text-muted">(74%)</small></td>
-                                                        <td> 41.12% <i class="fas fa-caret-up text-success font-16"></i></td>
-                                                        
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><a href="" class="text-primary">Email</a></td>
-                                                        <td>1958 <small class="text-muted">(31%)</small></td> 
-                                                        <td>361 <small class="text-muted">(61%)</small></td>
-                                                        <td> -8.24% <i class="fas fa-caret-down text-danger font-16"></i></td>
-                                                    </tr><!--end tr-->    
-                                                    <tr>                                                        
-                                                        <td><a href="" class="text-primary">Social</a></td>
-                                                        <td>1566  <small class="text-muted">(26%)</small></td> 
-                                                        <td>299 <small class="text-muted">(49%)</small></td>
-                                                        <td> 29.33% <i class="fas fa-caret-up text-success"></i></td>
-                                                    </tr><!--end tr-->                                
-                                                </tbody>
-                                            </table> <!--end table-->                                               
-                                        </div><!--end /div-->
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div><!--end col-->
-                        </div>
-
-                        <div class="row">
-                            <div class="col-xl-4 col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <a href="" class="p-0 float-right mb-3">Export <i class="mdi mdi-download ml-1"></i></a>
-                                        <h4 class="header-title mt-1">Channels</h4>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-sm table-centered mb-0 font-14">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th>Channel</th>
-                                                        <th>Visits</th>
-                                                        <th style="width: 40%;"></th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>Direct</td>
-                                                        <td>2,050</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar" role="progressbar"
-                                                                    style="width: 65%;" aria-valuenow="65"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Organic Search</td>
-                                                        <td>1,405</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar bg-info" role="progressbar"
-                                                                    style="width: 45%;" aria-valuenow="45"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Refferal</td>
-                                                        <td>750</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar bg-warning" role="progressbar"
-                                                                    style="width: 30%;" aria-valuenow="30"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Social</td>
-                                                        <td>540</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar bg-danger" role="progressbar"
-                                                                    style="width: 25%;" aria-valuenow="25"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-4 col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <a href="" class="p-0 float-right mb-3">Export <i class="mdi mdi-download ml-1"></i></a>
-                                        <h4 class="header-title mt-1">Social Media Traffic</h4>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-sm table-centered mb-0 font-14">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th>Network</th>
-                                                        <th>Visits</th>
-                                                        <th style="width: 40%;"></th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>Facebook</td>
-                                                        <td>2,250</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar" role="progressbar"
-                                                                    style="width: 65%;" aria-valuenow="65"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Instagram</td>
-                                                        <td>1,501</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar" role="progressbar"
-                                                                    style="width: 45%;" aria-valuenow="45"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>Twitter</td>
-                                                        <td>750</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar" role="progressbar"
-                                                                    style="width: 30%;" aria-valuenow="30"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>LinkedIn</td>
-                                                        <td>540</td>
-                                                        <td>
-                                                            <div class="progress" style="height: 3px;">
-                                                                <div class="progress-bar" role="progressbar"
-                                                                    style="width: 25%;" aria-valuenow="25"
-                                                                    aria-valuemin="0" aria-valuemax="100"></div>
-                                                            </div>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-xl-4 col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <a href="" class="p-0 float-right mb-3">Export <i class="mdi mdi-download ml-1"></i></a>
-                                        <h4 class="header-title mt-1">Engagement Overview</h4>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-sm table-centered mb-0 font-14">
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th>Duration (Secs)</th>
-                                                        <th style="width: 30%;">Sessions</th>
-                                                        <th style="width: 30%;">Views</th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>0-30</td>
-                                                        <td>2,250</td>
-                                                        <td>4,250</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>31-60</td>
-                                                        <td>1,501</td>
-                                                        <td>2,050</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>61-120</td>
-                                                        <td>750</td>
-                                                        <td>1,600</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>121-240</td>
-                                                        <td>540</td>
-                                                        <td>1,040</td>  
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                        </div>
-                        <!-- end row -->
-
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-us-merc-en.js"></script>
-
-        <!-- Dashboard init-->
-        <script src="../assets/js/pages/dashboard-analytics.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/layouts-vertical.html b/public/modern/layouts-vertical.html
deleted file mode 100644
index 2f50e02..0000000
--- a/public/modern/layouts-vertical.html
+++ /dev/null
@@ -1,2260 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Vertical Layout | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- plugin css -->
-        <link href="../assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Vertical</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Layouts</a></li>
-                                            <li class="breadcrumb-item active">Vertical</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between align-items-center">
-                                            <div class="knob-chart" dir="ltr">
-                                                <input data-plugin="knob" data-width="70" data-height="70" data-fgColor="#18c984"
-                                                    data-bgColor="#d1f2eb" value="58"
-                                                    data-skin="tron" data-angleOffset="0" data-readOnly=true
-                                                    data-thickness=".15"/>
-                                            </div>
-                                            <div class="text-right">
-                                                <h3 class="mb-1 mt-0"> <span data-plugin="counterup">268</span> </h3>
-                                                <p class="text-muted mb-0">New Customers</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between align-items-center">
-                                            <div class="knob-chart" dir="ltr">
-                                                <input data-plugin="knob" data-width="70" data-height="70" data-fgColor="#526dee"
-                                                    data-bgColor="#d4dbfd" value="80"
-                                                    data-skin="tron" data-angleOffset="0" data-readOnly=true
-                                                    data-thickness=".15"/>
-                                            </div>
-                                            <div class="text-right">
-                                                <h3 class="mb-1 mt-0"> <span data-plugin="counterup">8574</span> </h3>
-                                                <p class="text-muted mb-0">Online Orders</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between align-items-center">
-                                            <div class="knob-chart" dir="ltr">
-                                                <input data-plugin="knob" data-width="70" data-height="70" data-fgColor="#f672a7"
-                                                    data-bgColor="#fde3ed" value="77"
-                                                    data-skin="tron" data-angleOffset="0" data-readOnly=true
-                                                    data-thickness=".15"/>
-                                            </div>
-                                            <div class="text-right">
-                                                <h3 class="mb-1 mt-0"> $<span data-plugin="counterup">958.25</span> </h3>
-                                                <p class="text-muted mb-0">Revenue</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between align-items-center">
-                                            <div class="knob-chart" dir="ltr">
-                                                <input data-plugin="knob" data-width="70" data-height="70" data-fgColor="#6c757d"
-                                                    data-bgColor="#e2e3e5" value="35"
-                                                    data-skin="tron" data-angleOffset="0" data-readOnly=true
-                                                    data-thickness=".15"/>
-                                            </div>
-                                            <div class="text-right">
-                                                <h3 class="mb-1 mt-0"> $<span data-plugin="counterup">89.25</span> </h3>
-                                                <p class="text-muted mb-1">Daily Average</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-
-                            <div class="col-xl-4 col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-    
-                                        <h4 class="header-title">Revenue Report</h4>
-    
-                                        <div class="mt-3 text-center">
-
-                                            <div class="row pt-2">
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                    <h4> $12,365</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                    <h4><i class="fe-arrow-down text-danger"></i> $365</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                    <h4><i class="fe-arrow-up text-success"></i> $8,501</h4>
-                                                </div>
-                                            </div>
-                                            
-                                            <div dir="ltr">
-                                                <div id="revenue-report" class="apex-charts" data-colors="#526dee,#e3eaef"></div>
-                                            </div>
-    
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4 col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title">Marketing Reports</h4>
-                                        <p class="text-muted mb-0">1 Mar - 31 Mar Showing Data</p>
-                                        
-                                        <div dir="ltr">
-                                            <div id="marketing-reports" class="apex-charts" data-colors="#526dee,#1abc9c,#f4bf3e"></div>
-                                        </div>
-    
-                                        <div class="row text-center">
-                                            <div class="col-6">
-                                                <p class="text-muted mb-1">This Month</p>
-                                                <h3 class="mt-0 font-20"><span class="align-middle">$120,254</span> <small class="badge badge-soft-success align-middle font-12">+15%</small></h3>
-                                            </div>
-    
-                                            <div class="col-6">
-                                                <p class="text-muted mb-1">Last Month</p>
-                                                <h3 class="mt-0 font-20"><span class="align-middle">$98,741</span> <small class="badge badge-soft-danger align-middle font-12">-5%</small></h3>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4 col-lg-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-    
-                                        <h4 class="header-title">Products Sales</h4>
-    
-                                        <div class="mt-3 text-center">
-
-                                            <div class="row pt-2">
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                    <h4> $56,214</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                    <h4><i class="fe-arrow-up text-success"></i> $840</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                    <h4><i class="fe-arrow-down text-danger"></i> $7,845</h4>
-                                                </div>
-                                            </div>
-                                            <div dir="ltr">
-                                                <div id="products-sales" class="apex-charts" data-colors="#526dee,#eb5151"></div>
-                                            </div>
-
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase4" role="button" aria-expanded="false" aria-controls="cardCollpase4"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Revenue By Location</h4>
-
-                                        <div id="cardCollpase4" class="collapse pt-3 show">
-                                            <div id="world-map-markers" style="height: 433px"></div>
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript: void(0);" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase5" role="button" aria-expanded="false" aria-controls="cardCollpase5"><i class="mdi mdi-minus"></i></a>
-                                            <a href="javascript: void(0);" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h4 class="header-title mb-0">Top Selling Products</h4>
-
-                                        <div id="cardCollpase5" class="collapse pt-3 show">
-                                            <div class="table-responsive">
-                                                <table class="table table-hover table-centered mb-0">
-                                                    <thead>
-                                                        <tr>
-                                                            <th>Product Name</th>
-                                                            <th>Price</th>
-                                                            <th>Quantity</th>
-                                                            <th>Amount</th>
-                                                        </tr>
-                                                    </thead>
-                                                    <tbody>
-                                                        <tr>
-                                                            <td>ASOS Ridley High Waist</td>
-                                                            <td>$79.49</td>
-                                                            <td>82</td>
-                                                            <td>$6,518.18</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Marco Lightweight Shirt</td>
-                                                            <td>$128.50</td>
-                                                            <td>37</td>
-                                                            <td>$4,754.50</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Half Sleeve Shirt</td>
-                                                            <td>$39.99</td>
-                                                            <td>64</td>
-                                                            <td>$2,559.36</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Lightweight Jacket</td>
-                                                            <td>$20.00</td>
-                                                            <td>184</td>
-                                                            <td>$3,680.00</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Marco Shoes</td>
-                                                            <td>$28.49</td>
-                                                            <td>69</td>
-                                                            <td>$1,965.81</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>ASOS Ridley High Waist</td>
-                                                            <td>$79.49</td>
-                                                            <td>82</td>
-                                                            <td>$6,518.18</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Half Sleeve Shirt</td>
-                                                            <td>$39.99</td>
-                                                            <td>64</td>
-                                                            <td>$2,559.36</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>Lightweight Jacket</td>
-                                                            <td>$20.00</td>
-                                                            <td>184</td>
-                                                            <td>$3,680.00</td>
-                                                        </tr>
-                                                    </tbody>
-                                                </table>
-                                            </div> <!-- end table responsive-->
-                                        </div> <!-- collapsed end -->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-8">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-                                        <h4 class="header-title mb-3">Revenue History</h4>
-    
-                                        <div class="table-responsive">
-                                            <table class="table table-borderless table-hover table-centered m-0">
-    
-                                                <thead class="thead-light">
-                                                    <tr>
-                                                        <th>Marketplaces</th>
-                                                        <th>Date</th>
-                                                        <th>US Tax Hold</th>
-                                                        <th>Payouts</th>
-                                                        <th>Status</th>
-                                                        <th>Action</th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Themes Market</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Oct 15, 2020
-                                                        </td>
-                                                        
-                                                        <td>
-                                                            $125.23
-                                                        </td>
-    
-                                                        <td>
-                                                            $5848.68
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-warning">Upcoming</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Freelance</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Oct 12, 2020
-                                                        </td>
-    
-                                                        <td>
-                                                            $78.03
-                                                        </td>
-        
-                                                        <td>
-                                                            $1247.25
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Paid</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Share Holding</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Oct 10, 2020
-                                                        </td>
-    
-                                                        <td>
-                                                            $358.24
-                                                        </td>
-        
-                                                        <td>
-                                                            $815.89
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Paid</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Wrap's Affiliates</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Oct 03, 2020
-                                                        </td>
-    
-                                                        <td>
-                                                            $18.78
-                                                        </td>
-        
-                                                        <td>
-                                                            $248.75
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-danger">Overdue</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Marketing Revenue</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Sep 21, 2020
-                                                        </td>
-    
-                                                        <td>
-                                                            $185.36
-                                                        </td>
-        
-                                                        <td>
-                                                            $978.21
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-warning">Upcoming</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                    <tr>
-                                                        <td>
-                                                            <h5 class="m-0 font-weight-normal">Advertise Revenue</h5>
-                                                        </td>
-        
-                                                        <td>
-                                                            Sep 15, 2020
-                                                        </td>
-    
-                                                        <td>
-                                                            $29.56
-                                                        </td>
-        
-                                                        <td>
-                                                            $358.10
-                                                        </td>
-        
-                                                        <td>
-                                                            <span class="badge badge-soft-success">Paid</span>
-                                                        </td>
-        
-                                                        <td>
-                                                            <a href="javascript: void(0);" class="btn btn-xs btn-secondary"><i class="mdi mdi-pencil"></i></a>
-                                                        </td>
-                                                    </tr>
-    
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end .table-responsive-->
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Download</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Upload</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                            </div>
-                                        </div>
-    
-                                        <h4 class="header-title">Projections Vs Actuals</h4>
-    
-                                        <div class="mt-3 text-center" dir="ltr">
-    
-                                            <div id="projections-actuals" class="apex-charts" data-colors="#526dee,#18c984,#f4bf3e,#f672a7"></div>
-    
-                                            <div class="row mt-3">
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                    <h4>$8712</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                    <h4><i class="fe-arrow-up text-success"></i> $523</h4>
-                                                </div>
-                                                <div class="col-4">
-                                                    <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                    <h4><i class="fe-arrow-down text-danger"></i> $965</h4>
-                                                </div>
-                                            </div>
-    
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-box -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- KNOB JS -->
-        <script src="../assets/libs/jquery-knob/jquery.knob.min.js"></script>
-        <!-- Apex js-->
-        <script src="../assets/libs/apexcharts/apexcharts.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js"></script>
-
-        <!-- Dashboard init-->
-        <script src="../assets/js/pages/dashboard-sales.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/maps-google.html b/public/modern/maps-google.html
deleted file mode 100644
index 50e6690..0000000
--- a/public/modern/maps-google.html
+++ /dev/null
@@ -1,1806 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Google Maps | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Google Maps</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Maps</a></li>
-                                            <li class="breadcrumb-item active">Google</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Basic</h4>
-
-                                        <div id="gmaps-basic" class="gmaps"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Markers</h4>
-
-                                        <div id="gmaps-markers" class="gmaps"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div> <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Ultra Light</h4>
-
-                                        <div id="ultra-light" class="gmaps"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Dark</h4>
-
-                                        <div id="dark" class="gmaps"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div> <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Polygons</h4>
-
-                                        <div id="gmaps-polygons" class="gmaps"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Overlays</h4>
-
-                                        <div id="gmaps-overlay" class="gmaps"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div> <!-- end row-->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Street View Panoramas</h4>
-
-                                        <div id="panorama" class="gmaps-panaroma"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Routes</h4>
-
-                                        <div id="gmaps-route" class="gmaps"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div> <!-- end row-->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Map Types</h4>
-
-                                        <div id="gmaps-types" class="gmaps"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Context menu (right click on map)</h4>
-
-                                        <div id="gmaps-menu" class="gmaps"></div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div> <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- google maps api -->
-        <script src="https://maps.google.com/maps/api/js?key=AIzaSyDsucrEdmswqYrw0f6ej3bf4M4suDeRgNA"></script>
-
-        <!-- gmap js-->
-        <script src="../assets/libs/gmaps/gmaps.min.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/google-maps.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/maps-mapael.html b/public/modern/maps-mapael.html
deleted file mode 100644
index 9ffe69c..0000000
--- a/public/modern/maps-mapael.html
+++ /dev/null
@@ -1,1731 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Mapeal Maps | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Mapeal Maps</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Maps</a></li>
-                                            <li class="breadcrumb-item active">Mapeal</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Map with a legend where slices are specified with a fixed value instead of min and max values</h4>
-                                        <div class="row justify-content-center" dir="ltr">
-                                            <div class="col-md-6">
-                                                <div class="map-usa">
-                                                    <div class="map">
-                                                        <span>Alternative content for the map</span>
-                                                    </div>
-                                                    <div class="plotLegend">
-                                                        <span>Alternative content for the legend</span>
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end col-->
-                                        </div> <!-- end row-->
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Map with links between the plotted cities</h4>
-                                        <div class="mapcontainer">
-                                            <div class="map">
-                                                <span>Alternative content for the map</span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/raphael/raphael.min.js"></script>
-        <script src="../assets/libs/jquery-mapael/js/jquery.mapael.min.js"></script>
-        <script src="../assets/libs/jquery-mapael/js/maps/world_countries.min.js"></script>
-        <script src="../assets/libs/jquery-mapael/js/maps/usa_states.min.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/mapeal-maps.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/maps-vector.html b/public/modern/maps-vector.html
deleted file mode 100644
index fef1801..0000000
--- a/public/modern/maps-vector.html
+++ /dev/null
@@ -1,1817 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Vector Maps | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- plugin css -->
-        <link href="../assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Vector Maps</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Maps</a></li>
-                                            <li class="breadcrumb-item active">Vector</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">World Vector Map</h4>
-                                        <div id="world-map-markers" style="height: 420px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">USA Vector Map</h4>
-                                        <div id="usa-vectormap" style="height: 350px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">India Vector Map</h4>
-                                        <div id="india-vectormap"  style="height: 350px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Australia Vector Map</h4>
-                                        <div id="australia-vectormap" style="height: 350px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Chicago Vector Map</h4>
-                                        <div id="chicago-vectormap"  style="height: 350px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">UK Vector Map</h4>
-                                        <div id="uk-vectormap" style="height: 350px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                            
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Canada Vector Map</h4>
-                                        <div id="canada-vectormap"  style="height: 350px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Europe Vector Map</h4>
-                                        <div id="europe-vectormap" style="height: 350px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">France Vector Map</h4>
-                                        <div id="france-vectormap"  style="height: 350px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Spain Vector Map</h4>
-                                        <div id="spain-vectormap" style="height: 350px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Spain Vector Map</h4>
-                                        <div id="spain2-vectormap"  style="height: 350px"></div>
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-us-merc-en.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-in-mill-en.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-au-mill-en.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-us-il-chicago-mill-en.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-uk-mill-en.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-ca-lcc-en.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-europe-mill-en.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-fr-merc-en.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-es-merc.js"></script>
-        <script src="../assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-es-mill.js"></script>
-        <!-- Init js-->
-        <script src="../assets/js/pages/vector-maps.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-404-alt.html b/public/modern/pages-404-alt.html
deleted file mode 100644
index 394ee05..0000000
--- a/public/modern/pages-404-alt.html
+++ /dev/null
@@ -1,1695 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Error Page | 404 | Page not Found | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <div class="row justify-content-center my-5">
-                            <div class="col-lg-6 col-xl-4 mb-4">
-                                <div class="error-text-box">
-                                    <svg viewBox="0 0 600 200">
-                                        <!-- Symbol-->
-                                        <symbol id="s-text">
-                                            <text text-anchor="middle" x="50%" y="50%" dy=".35em">404!</text>
-                                        </symbol>
-                                        <!-- Duplicate symbols-->
-                                        <use class="text" xlink:href="#s-text"></use>
-                                        <use class="text" xlink:href="#s-text"></use>
-                                        <use class="text" xlink:href="#s-text"></use>
-                                        <use class="text" xlink:href="#s-text"></use>
-                                        <use class="text" xlink:href="#s-text"></use>
-                                    </svg>
-                                </div>
-                                <div class="text-center">
-                                    <h3 class="mt-0 mb-2">Whoops! Page not found </h3>
-                                    <p class="text-muted mb-3">It's looking like you may have taken a wrong turn. Don't worry...
-                                        it happens to the best of us. You might want to check your internet connection.
-                                        Here's a little tip that might help you get back on track.</p>
-
-                                    <a href="index.html" class="btn btn-success waves-effect waves-light">Back to Dashboard</a>
-                                </div>
-
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-404.html b/public/modern/pages-404.html
deleted file mode 100644
index 06667b7..0000000
--- a/public/modern/pages-404.html
+++ /dev/null
@@ -1,71 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Error Page | 404 | Page not Found | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="account-pages my-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-md-8 col-lg-6 col-xl-5">
-                        <div class="card">
-
-                            <div class="card-body p-4">
-
-                                <div class="error-ghost text-center">
-                                    <img src="../assets/images/error.svg" width="200" alt="error-image"/>
-                                </div>
-
-                                <div class="text-center">
-                                    <h3 class="mt-4 text-uppercase font-weight-bold">Page not found </h3>
-                                    <p class="text-muted mb-0 mt-3" style="line-height: 20px;">It's looking like you may have taken a wrong turn. Don't worry...
-                                        it happens to the best of us. You might want to check your internet connection.
-                                        Here's a little tip that might help you get back on track.</p>
-
-                                    <a class="btn btn-primary mt-3" href="index.html"><i class="mdi mdi-reply mr-1"></i> Return Home</a>
-                                </div>
-                
-                            </div> <!-- end card-body -->
-                        </div>
-                        <!-- end card -->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-            <!-- end container -->
-        </div>
-        <!-- end page -->
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-500.html b/public/modern/pages-500.html
deleted file mode 100644
index 9687664..0000000
--- a/public/modern/pages-500.html
+++ /dev/null
@@ -1,80 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Error Page | 500 | Internal Server Error | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="account-pages my-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-md-8 col-lg-6 col-xl-5">
-                        <div class="card">
-
-                            <div class="card-body p-4">
-                            
-                                <div class="text-center w-75 m-auto">
-                                    <div class="auth-logo">
-                                        <a href="index.html" class="logo logo-dark text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-dark.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                    
-                                        <a href="index.html" class="logo logo-light text-center">
-                                            <span class="logo-lg">
-                                                <img src="../assets/images/logo-light.png" alt="" height="22">
-                                            </span>
-                                        </a>
-                                    </div>
-                                </div>
-
-                                <div class="text-center mt-4">
-                                    <h1 class="text-error">500</h1>
-                                    <h3 class="mt-3 mb-2">Internal Server Error</h3>
-                                    <p class="text-muted mb-3">Why not try refreshing your page? or you can contact <a href="" class="text-dark"><b>Support</b></a></p>
-
-                                    <a href="index.html" class="btn btn-success waves-effect waves-light">Back to Home</a>
-                                </div>
-
-                            </div> <!-- end card-body -->        
-                        </div>
-                        <!-- end card -->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-coming-soon.html b/public/modern/pages-coming-soon.html
deleted file mode 100644
index 0381532..0000000
--- a/public/modern/pages-coming-soon.html
+++ /dev/null
@@ -1,71 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Coming Soon | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="my-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-12">
-
-                        <div class="text-center">
-
-                            <img src="../assets/images/animat-rocket-color.gif" alt="" height="160">
-
-                            <h3 class="mt-4">Stay tunned, we're launching very soon</h3>
-                            <p class="text-muted">We're making the system more awesome.</p>
-
-                            <div class="row mt-5 justify-content-center">
-                                <div class="col-md-8">
-                                    <div data-countdown="2021/01/17" class="counter-number"></div>
-                                </div> <!-- end col-->
-                            </div> <!-- end row-->
-                        </div> <!-- end /.text-center-->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-            <!-- end container -->
-        </div>
-        <!-- end page -->
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js-->
-        <script src="../assets/libs/jquery-countdown/jquery.countdown.min.js"></script>
-
-        <!-- Countdown js -->
-        <script src="../assets/js/pages/coming-soon.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-faqs.html b/public/modern/pages-faqs.html
deleted file mode 100644
index 96f0127..0000000
--- a/public/modern/pages-faqs.html
+++ /dev/null
@@ -1,1905 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>FAQs | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">FAQs</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extras</a></li>
-                                            <li class="breadcrumb-item active">FAQs</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="text-center">
-                                    <i class="h1 mdi mdi-comment-multiple-outline text-muted"></i>
-                                    <h3 class="mb-3">Frequently Asked Questions</h3>
-                                    <p class="text-muted"> Nisi praesentium similique totam odio obcaecati, reprehenderit,
-                                        dignissimos rem temporibus ea inventore alias!<br/> Beatae animi nemo ea
-                                        tempora, temporibus laborum facilis ut!</p>
-
-                                    <button type="button" class="btn btn-success waves-effect waves-light mt-2 mr-1"><i class="mdi mdi-email-outline mr-1"></i> Email us your question</button>
-                                    <button type="button" class="btn btn-primary waves-effect waves-light mt-2"><i class="mdi mdi-twitter mr-1"></i> Send us a tweet</button>
-
-                                </div>
-                            </div><!-- end col -->
-                        </div><!-- end row -->
-
-
-                        <div class="row mt-4">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <ul class="nav nav-pills navtab-bg">
-                                            <li class="nav-item">
-                                                <a href="#general-q-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2 active">
-                                                    <span class="mr-1"><i class="mdi mdi-help-circle-outline"></i></span>
-                                                    <span class="d-none d-sm-inline-block font-weight-medium">General Questions</span>   
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#privacy-p-tab" data-toggle="tab" aria-expanded="true" class="nav-link px-3 py-2">
-                                                    <span class="mr-1"><i class="mdi mdi-shield-half-full"></i></span>
-                                                    <span class="d-none d-sm-inline-block font-weight-medium">Privacy Policy</span> 
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#support-tab" data-toggle="tab" aria-expanded="false" class="nav-link px-3 py-2">
-                                                    <span class="mr-1"><i class="mdi mdi-headset"></i></span>
-                                                    <span class="d-none d-sm-inline-block font-weight-medium">Support</span>  
-                                                </a>
-                                            </li>
-                                        </ul>
-                                        <div class="tab-content">
-                                            <div class="tab-pane fade active show" id="general-q-tab">
-                                                <div class="row pt-2">
-                                                    <div class="col-lg-6">
-                                                        <div class="p-lg-2">
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question" data-wow-delay=".1s">What is Lorem Ipsum?</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-                                    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">Why use Lorem Ipsum?</h4>
-                                                                <p class="faq-answer mb-4">Lorem ipsum dolor sit amet, in mea nonumes dissentias dissentiunt, pro te solet oratio iriure. Cu sit consetetur moderatius intellegam, ius decore accusamus te. Ne primis suavitate disputando nam. Mutat convenirete.</p>
-                                                            </div>
-                                    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">How many variations exist?</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                    <!--/col-md-5 -->
-                                
-                                                    <div class="col-lg-6">
-                                                        <div class="p-lg-2">
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">Is safe use Lorem Ipsum?</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-                                    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">When can be used?</h4>
-                                                                <p class="faq-answer mb-4">Lorem ipsum dolor sit amet, in mea nonumes dissentias dissentiunt, pro te solet oratio iriure. Cu sit consetetur moderatius intellegam, ius decore accusamus te. Ne primis suavitate disputando nam. Mutat convenirete.</p>
-                                                            </div>
-                                    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">License &amp; Copyright</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                    <!--/col-md-5-->
-                                                </div>
-                                                <!-- end row -->
-    
-                                            </div>
-                                            <div class="tab-pane fade" id="privacy-p-tab">
-                                                <div class="row pt-2">
-                                                    <div class="col-lg-6">
-                                                        <div class="p-lg-2">
-                                                            
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">Why use Lorem Ipsum?</h4>
-                                                                <p class="faq-answer mb-4">Lorem ipsum dolor sit amet, in mea nonumes dissentias dissentiunt, pro te solet oratio iriure. Cu sit consetetur moderatius intellegam, ius decore accusamus te. Ne primis suavitate disputando nam. Mutat convenirete.</p>
-                                                            </div>
-    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question" data-wow-delay=".1s">What is Lorem Ipsum?</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-                                    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">How many variations exist?</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                    <!--/col-md-5 -->
-                                
-                                                    <div class="col-lg-6">
-                                                        <div class="p-lg-2">
-                                                            
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">When can be used?</h4>
-                                                                <p class="faq-answer mb-4">Lorem ipsum dolor sit amet, in mea nonumes dissentias dissentiunt, pro te solet oratio iriure. Cu sit consetetur moderatius intellegam, ius decore accusamus te. Ne primis suavitate disputando nam. Mutat convenirete.</p>
-                                                            </div>
-    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">Is safe use Lorem Ipsum?</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-                                    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">License &amp; Copyright</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                    <!--/col-md-5-->
-                                                </div>
-                                                <!-- end row -->
-                                            </div>
-                                            <div class="tab-pane fade" id="support-tab">
-                                                <div class="row pt-2">
-                                                    <div class="col-lg-6">
-                                                        <div class="p-lg-2">
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">How many variations exist?</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question" data-wow-delay=".1s">What is Lorem Ipsum?</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-                                    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">Why use Lorem Ipsum?</h4>
-                                                                <p class="faq-answer mb-4">Lorem ipsum dolor sit amet, in mea nonumes dissentias dissentiunt, pro te solet oratio iriure. Cu sit consetetur moderatius intellegam, ius decore accusamus te. Ne primis suavitate disputando nam. Mutat convenirete.</p>
-                                                            </div>
-                                    
-                                                        </div>
-                                                    </div>
-                                                    <!--/col-md-5 -->
-                                
-                                                    <div class="col-lg-6">
-                                                        <div class="p-lg-2">
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">License &amp; Copyright</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">Is safe use Lorem Ipsum?</h4>
-                                                                <p class="faq-answer mb-4">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
-                                                            </div>
-                                    
-                                                            <!-- Question/Answer -->
-                                                            <div>
-                                                                <div class="faq-question-q-box">Q.</div>
-                                                                <h4 class="faq-question">When can be used?</h4>
-                                                                <p class="faq-answer mb-4">Lorem ipsum dolor sit amet, in mea nonumes dissentias dissentiunt, pro te solet oratio iriure. Cu sit consetetur moderatius intellegam, ius decore accusamus te. Ne primis suavitate disputando nam. Mutat convenirete.</p>
-                                                            </div>
-                                    
-                                                        </div>
-                                                    </div>
-                                                    <!--/col-md-5-->
-                                                </div>
-                                                <!-- end row -->
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-gallery.html b/public/modern/pages-gallery.html
deleted file mode 100644
index c0c91c8..0000000
--- a/public/modern/pages-gallery.html
+++ /dev/null
@@ -1,1902 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Gallery | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Lightbox css -->
-        <link href="../assets/libs/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Gallery</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extras</a></li>
-                                            <li class="breadcrumb-item active">Gallery</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <!-- Filter -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="text-center filter-menu">
-                                    <a href="javascript: void(0);" class="filter-menu-item active" data-rel="all">All</a>
-                                    <a href="javascript: void(0);" class="filter-menu-item" data-rel="web">Web Design</a>
-                                    <a href="javascript: void(0);" class="filter-menu-item" data-rel="graphic">Graphic Design</a>
-                                    <a href="javascript: void(0);" class="filter-menu-item" data-rel="illustrator">Illustrator</a>
-                                    <a href="javascript: void(0);" class="filter-menu-item" data-rel="photography">Photography</a>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row filterable-content">
-
-                            <div class="col-sm-6 col-xl-3 filter-item all web illustrator">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-1.jpg" class="image-popup" title="Screenshot-1">
-                                        <img src="../assets/images/small/img-1.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Man wearing black jacket</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-3.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Justin Coke</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-muted"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all graphic photography">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-2.jpg" class="image-popup" title="Screenshot-2">
-                                        <img src="../assets/images/small/img-2.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Snow covered mountain</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-2.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Toni Sanchez</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-danger"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all web illustrator">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-3.jpg" class="image-popup" title="Screenshot-3">
-                                        <img src="../assets/images/small/img-3.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Woman sitting on rock</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-4.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Maria Crowder</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-muted"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all graphic illustrator">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-4.jpg" class="image-popup" title="Screenshot-4">
-                                        <img src="../assets/images/small/img-4.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Smiling woman's face</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-5.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Charles East</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-muted"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all web illustrator">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-5.jpg" class="image-popup" title="Screenshot-5">
-                                        <img src="../assets/images/small/img-5.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Brown tabby cat sitting on concrete</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-6.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">David Buchanan</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-danger"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all graphic photography">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-6.jpg" class="image-popup" title="Screenshot-6">
-                                        <img src="../assets/images/small/img-6.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Woman walking between brown </h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-7.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Lee Moore</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-danger"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all web illustrator">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-7.jpg" class="image-popup" title="Screenshot-7">
-                                        <img src="../assets/images/small/img-7.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Landscape photography of mountains</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-8.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Julia Cruz</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-muted"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all web illustrator">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-1.jpg" class="image-popup" title="Screenshot-8">
-                                        <img src="../assets/images/small/img-1.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Man wearing black jacket</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-9.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Craig Creek</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-muted"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all graphic photography">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-2.jpg" class="image-popup" title="Screenshot-9">
-                                        <img src="../assets/images/small/img-2.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Snow covered mountain</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-10.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Gloria Pitt</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-muted"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all web illustrator">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-3.jpg" class="image-popup" title="Screenshot-10">
-                                        <img src="../assets/images/small/img-3.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Woman sitting on rock</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-4.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Silas Seay</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-muted"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all graphic illustrator">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-4.jpg" class="image-popup" title="Screenshot-11">
-                                        <img src="../assets/images/small/img-4.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Smiling woman's face</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-5.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Linda Ward</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-danger"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-
-                            <div class="col-sm-6 col-xl-3 filter-item all web illustrator">
-                                <div class="gal-box">
-                                    <a href="../assets/images/small/img-5.jpg" class="image-popup" title="Screenshot-12">
-                                        <img src="../assets/images/small/img-5.jpg" class="img-fluid" alt="work-thumbnail">
-                                    </a>
-                                    <div class="gall-info">
-                                        <h4 class="font-16 mt-0">Brown tabby cat sitting on concrete</h4>
-                                        <a href="javascript: void(0);">
-                                            <img src="../assets/images/users/avatar-6.jpg" alt="user-img" class="rounded-circle" height="24" />
-                                            <span class="text-muted ml-1">Becky Eley</span>
-                                        </a>
-                                        <a href="javascript: void(0);" class="gal-like-btn"><i class="mdi mdi-heart-outline text-danger"></i></a>
-                                    </div> <!-- gallery info -->
-                                </div> <!-- end gal-box -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Magnific Popup-->
-        <script src="../assets/libs/magnific-popup/jquery.magnific-popup.min.js"></script>
-
-        <!-- Gallery Init-->
-        <script src="../assets/js/pages/gallery.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-invoice.html b/public/modern/pages-invoice.html
deleted file mode 100644
index 6579e70..0000000
--- a/public/modern/pages-invoice.html
+++ /dev/null
@@ -1,1817 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Invoice | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Invoice</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extras</a></li>
-                                            <li class="breadcrumb-item active">Invoice</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <!-- Logo & title -->
-                                        <div class="clearfix">
-                                            <div class="float-left">
-                                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                            </div>
-                                            <div class="float-right">
-                                                <h4 class="m-0 d-print-none">Invoice</h4>
-                                            </div>
-                                        </div>
-
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div class="mt-3">
-                                                    <p><b>Hello, Stanley Jones</b></p>
-                                                    <p class="text-muted">Thanks a lot because you keep purchasing our products. Our company
-                                                        promises to provide high quality products for you as well as outstanding
-                                                        customer service for every transaction. </p>
-                                                </div>
-
-                                            </div><!-- end col -->
-                                            <div class="col-md-4 offset-md-2">
-                                                <div class="mt-3 float-right">
-                                                    <p class="m-b-10"><strong>Order Date : </strong> <span class="float-right"> &nbsp;&nbsp;&nbsp;&nbsp; Jan 17, 2019</span></p>
-                                                    <p class="m-b-10"><strong>Order Status : </strong> <span class="float-right"><span class="badge badge-danger">Unpaid</span></span></p>
-                                                    <p class="m-b-10"><strong>Order No. : </strong> <span class="float-right">000013 </span></p>
-                                                </div>
-                                            </div><!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-
-                                        <div class="row mt-3">
-                                            <div class="col-sm-6">
-                                                <h5>Billing Address</h5>
-                                                <address>
-                                                    Stanley Jones<br>
-                                                    795 Folsom Ave, Suite 600<br>
-                                                    San Francisco, CA 94107<br>
-                                                    <abbr title="Phone">P:</abbr> (123) 456-7890
-                                                </address>
-                                            </div> <!-- end col -->
-
-                                            <div class="col-sm-6">
-                                                <h5>Shipping Address</h5>
-                                                <address>
-                                                    Stanley Jones<br>
-                                                    795 Folsom Ave, Suite 600<br>
-                                                    San Francisco, CA 94107<br>
-                                                    <abbr title="Phone">P:</abbr> (123) 456-7890
-                                                </address>
-                                            </div> <!-- end col -->
-                                        </div> 
-                                        <!-- end row -->
-
-                                        <div class="row">
-                                            <div class="col-12">
-                                                <div class="table-responsive">
-                                                    <table class="table mt-4 table-centered">
-                                                        <thead>
-                                                        <tr><th>#</th>
-                                                            <th>Item</th>
-                                                            <th style="width: 10%">Hours</th>
-                                                            <th style="width: 10%">Hours Rate</th>
-                                                            <th style="width: 10%" class="text-right">Total</th>
-                                                        </tr></thead>
-                                                        <tbody>
-                                                        <tr>
-                                                            <td>1</td>
-                                                            <td>
-                                                                <b>Web Design</b> <br/>
-                                                                2 Pages static website - my website
-                                                            </td>
-                                                            <td>22</td>
-                                                            <td>$30</td>
-                                                            <td class="text-right">$660.00</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>2</td>
-                                                            <td>
-                                                                <b>Software Development</b> <br/>
-                                                                Invoice editor software - AB'c Software
-                                                            </td>
-                                                            <td>112.5</td>
-                                                            <td>$35</td>
-                                                            <td class="text-right">$3937.50</td>
-                                                        </tr>
-
-                                                        </tbody>
-                                                    </table>
-                                                </div> <!-- end table-responsive -->
-                                            </div> <!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-
-                                        <div class="row">
-                                            <div class="col-sm-6">
-                                                <div class="clearfix pt-5">
-                                                    <h6 class="text-muted">Notes:</h6>
-
-                                                    <small class="text-muted">
-                                                        All accounts are to be paid within 7 days from receipt of
-                                                        invoice. To be paid by cheque or credit card or direct payment
-                                                        online. If account is not paid within 7 days the credits details
-                                                        supplied as confirmation of work undertaken will be charged the
-                                                        agreed quoted fee noted above.
-                                                    </small>
-                                                </div>
-                                            </div> <!-- end col -->
-                                            <div class="col-sm-6">
-                                                <div class="float-right">
-                                                    <p><b>Sub-total:</b> <span class="float-right">$4597.50</span></p>
-                                                    <p><b>Discount (10%):</b> <span class="float-right"> &nbsp;&nbsp;&nbsp; $459.75</span></p>
-                                                    <h3>$4137.75 USD</h3>
-                                                </div>
-                                                <div class="clearfix"></div>
-                                            </div> <!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-
-                                        <div class="mt-4 mb-1">
-                                            <div class="text-right d-print-none">
-                                                <a href="javascript:window.print()" class="btn btn-primary waves-effect waves-light mr-1"><i class="mdi mdi-printer mr-1"></i> Print</a>
-                                                <a href="#" class="btn btn-success waves-effect waves-light">Submit</a>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-maintenance.html b/public/modern/pages-maintenance.html
deleted file mode 100644
index 651270a..0000000
--- a/public/modern/pages-maintenance.html
+++ /dev/null
@@ -1,88 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Maintenance | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading">
-
-        <div class="mt-5 mb-5">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col-12">
-
-                        <div class="text-center">
-                            <img src="../assets/images/animat-diamond-color.gif" alt="" height="160">
-                            <h3 class="mt-1">We are currently performing maintenance</h3>
-                            <p class="text-muted">We're making the system more awesome. We'll be back shortly.</p>
-
-                            <div class="row mt-5">
-                                <div class="col-md-4">
-                                    <div class="text-center mt-3 pl-1 pr-1">
-                                        <div class="avatar-md rounded-circle bg-soft-primary mx-auto">
-                                            <i class="fe-target font-22 avatar-title text-primary"></i>
-                                        </div>
-                                        <h5 class="font-16 mt-3">Why is the site down?</h5>
-                                        <p class="text-muted">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
-                                    </div>
-                                </div> <!-- end col-->
-                                <div class="col-md-4">
-                                    <div class="text-center mt-3 pl-1 pr-1">
-                                        <div class="avatar-md rounded-circle bg-soft-primary mx-auto">
-                                            <i class="fe-clock font-22 avatar-title text-primary"></i>
-                                        </div>
-                                        <h5 class="font-16 mt-3">What is the downtime?</h5>
-                                        <p class="text-muted">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical but the majority.</p>
-                                    </div>
-                                </div> <!-- end col-->
-                                <div class="col-md-4">
-                                    <div class="text-center mt-3 pl-1 pr-1">
-                                        <div class="avatar-md rounded-circle bg-soft-primary mx-auto">
-                                            <i class="fe-help-circle font-22 avatar-title text-primary"></i>
-                                        </div>
-                                        <h5 class="font-16 mt-3">Do you need support?</h5>
-                                        <p class="text-muted">If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embar.. <a href="mailto:#" class="text-muted font-weight-medium">no-reply@domain.com</a></p>
-                                    </div>
-                                </div> <!-- end col-->
-                            </div> <!-- end row-->
-                        </div> <!-- end /.text-center-->
-
-                    </div> <!-- end col -->
-                </div>
-                <!-- end row -->
-            </div>
-            <!-- end container -->
-        </div>
-        <!-- end page -->
-
-
-        <footer class="footer footer-alt">
-            <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-        </footer>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-pricing.html b/public/modern/pages-pricing.html
deleted file mode 100644
index a45c047..0000000
--- a/public/modern/pages-pricing.html
+++ /dev/null
@@ -1,1788 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Pricing | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Pricing</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extras</a></li>
-                                            <li class="breadcrumb-item active">Pricing</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row justify-content-center">
-                            <div class="col-xl-12">
-
-                                <!-- Pricing Title-->
-                                <div class="text-center pb-2">
-                                    <h3 class="mb-2">Our <span class="text-primary">Plans</span></h3>
-                                    <p class="text-muted w-50 m-auto">
-                                        We have plans and prices that fit your business perfectly. Make your client site a success with our products.
-                                    </p>
-                                </div>
-
-                                <!-- Plans -->
-                                <div class="row my-3">
-                                    <div class="col-xl-3 col-md-6">
-                                        <div class="card card-pricing">
-                                            <div class="card-body text-center">
-                                                <p class="card-pricing-plan-name font-weight-bold text-uppercase">Starter Pack</p>
-                                                <span class="card-pricing-icon text-primary">
-                                                    <i class="fe-at-sign"></i>
-                                                </span>
-                                                <h2 class="card-pricing-price">$9 <span>/ Month</span></h2>
-                                                <ul class="card-pricing-features">
-                                                    <li>5 GB Storege</li>
-                                                    <li>250 GB Bandwidth</li>
-                                                    <li>No Domain</li>
-                                                    <li>1 User</li>
-                                                    <li>Email Support</li>
-                                                    <li>24x7 Support</li>
-                                                </ul>
-                                                <button class="btn btn-primary waves-effect waves-light mt-4 btn-block">Sign Up</button>
-                                            </div>
-                                        </div> <!-- end Pricing_card -->
-                                    </div> <!-- end col -->
-
-                                    <div class="col-xl-3 col-md-6">
-                                        <div class="card card-pricing">
-                                            <div class="card-body text-center">
-                                                <p class="card-pricing-plan-name font-weight-bold text-uppercase">Professional Pack</p>
-                                                <span class="card-pricing-icon text-primary">
-                                                    <i class="fe-users"></i>
-                                                </span>
-                                                <h2 class="card-pricing-price">$19 <span>/ Month</span></h2>
-                                                <ul class="card-pricing-features">
-                                                    <li>10 GB Storage</li>
-                                                    <li>500 GB Bandwidth</li>
-                                                    <li>No Domain</li>
-                                                    <li>1 User</li>
-                                                    <li>Email Support</li>
-                                                    <li>24x7 Support</li>
-                                                </ul>
-                                                <button class="btn btn-primary waves-effect waves-light mt-4 btn-block">Sign Up</button>
-                                            </div>
-                                        </div> <!-- end Pricing_card -->
-                                    </div> <!-- end col -->
-
-                                    <div class="col-xl-3 col-md-6">
-                                        <div class="card card-pricing ribbon-box">
-                                            <div class="ribbon-two ribbon-two-danger"><span>Popular</span></div>
-                                            <div class="card-body text-center">
-                                                <p class="card-pricing-plan-name font-weight-bold text-uppercase">Business Pack</p>
-                                                <span class="card-pricing-icon bg-danger text-white">
-                                                    <i class="fe-award"></i>
-                                                </span>
-                                                <h2 class="card-pricing-price">$29 <span>/ Month</span></h2>
-                                                <ul class="card-pricing-features">
-                                                    <li>50 GB Storage</li>
-                                                    <li>900 GB Bandwidth</li>
-                                                    <li>2 Domain</li>
-                                                    <li>10 User</li>
-                                                    <li>Email Support</li>
-                                                    <li>24x7 Support</li>
-                                                </ul>
-                                                <button class="btn btn-danger waves-effect mt-4 btn-block">Sign Up</button>
-                                            </div>
-                                        </div> <!-- end Pricing_card -->
-                                    </div> <!-- end col -->
-
-                                    <div class="col-xl-3 col-md-6">
-                                        <div class="card card-pricing">
-                                            <div class="card-body text-center">
-                                                <p class="card-pricing-plan-name font-weight-bold text-uppercase">Enterprise Pack</p>
-                                                <span class="card-pricing-icon text-primary">
-                                                    <i class="fe-aperture"></i>
-                                                </span>
-                                                <h2 class="card-pricing-price">$39 <span>/ Month</span></h2>
-                                                <ul class="card-pricing-features">
-                                                    <li>100 GB Storege</li>
-                                                    <li>Unlimited Bandwidth</li>
-                                                    <li>10 Domain</li>
-                                                    <li>Unlimited User</li>
-                                                    <li>Email Support</li>
-                                                    <li>24x7 Support</li>
-                                                </ul>
-                                                <button class="btn btn-primary waves-effect waves-light mt-4 btn-block">Sign Up</button>
-                                            </div>
-                                        </div> <!-- end Pricing_card -->
-                                    </div> <!-- end col -->
-
-                                </div>
-                                <!-- end row -->
-
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-search-results.html b/public/modern/pages-search-results.html
deleted file mode 100644
index 20a8b45..0000000
--- a/public/modern/pages-search-results.html
+++ /dev/null
@@ -1,1972 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Search Results | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Search Results</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extras</a></li>
-                                            <li class="breadcrumb-item active">Search Results</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="search-result-box card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-md-8 offset-md-2">
-                                                <div class="pt-3 pb-4">
-                                                    <div class="input-group m-t-10">
-                                                        <input type="text" class="form-control" value="Admin Dashboard">
-                                                    <span class="input-group-append">
-                                                        <button type="button" class="btn waves-effect waves-light btn-purple"><i class="fa fa-search mr-1"></i> Search</button>
-                                                    </span>
-                                                    </div>
-                                                    <div class="mt-3 text-center">
-                                                        <h4>Search Results For "Admin Dashboard"</h4>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        <!-- end row -->
-    
-                                        <ul class="nav nav-tabs nav-bordered">
-                                            <li class="nav-item">
-                                                <a href="#home" data-toggle="tab" aria-expanded="true" class="nav-link active">
-                                                    All results <span class="badge badge-success ml-1">325</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#users" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    Users <span class="badge badge-danger ml-1">89</span>
-                                                </a>
-                                            </li>
-                                        </ul>
-    
-                                        <div class="tab-content">
-                                            <div class="tab-pane active" id="home">
-                                                <div class="row">
-                                                    <div class="col-md-12">
-                                                        <div class="search-item">
-                                                            <h4 class="mb-1"><a href="#">Codefox - Admin & Dashboard Template</a></h4>
-                                                            <div class="font-13 text-success mb-2 text-truncate">
-                                                                https://wrapbootstrap.com/theme/codefox-admin-dashboard-template-WB0X27670?ref=coderthemes
-                                                            </div>
-                                                            <p class="mb-0 text-muted">
-                                                                Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.
-                                                            </p>
-                                                        </div> <!-- end search item -->
-    
-                                                        <div class="search-item">
-                                                            <h4 class="mb-1"><a href="#">Starto - Bootstrap 4 Landing Page Template</a></h4>
-                                                            <div class="font-13 text-success mb-2 text-truncate">
-                                                                https://coderthemes.com/starto/index-demo.html
-                                                            </div>
-                                                            <p class="mb-0 text-muted">
-                                                                Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.
-                                                            </p>
-                                                        </div> <!-- end search item -->
-    
-                                                        <div class="search-item">
-                                                            <div class="media">
-                                                                <img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-1.jpg" alt="Generic placeholder image" height="54">
-                                                                <div class="media-body">
-                                                                    <h5 class="mt-0">
-                                                                        <a href="#" class="text-dark">Chadengle</a>
-                                                                    </h5>
-                                                                    <p class="font-13">
-                                                                        <b>Email:</b>
-                                                                        <span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
-                                                                    </p>
-                                                                    <p class="mb-0 font-13">
-                                                                        <b>Bio:</b>
-                                                                        <br/>
-                                                                        <span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
-                                                                    </p>
-                                                                </div>
-                                                            </div>
-                                                        </div> <!-- end search item -->
-    
-                                                        <div class="search-item">
-                                                            <h4 class="mb-1"><a href="#">Flacto - Admin & Dashboard Template</a></h4>
-                                                            <div class="font-13 text-success mb-2 text-truncate">
-                                                                https://wrapbootstrap.com/theme/flacto-admin-dashboard-template-WB0C3DCHM?ref=coderthemes
-                                                            </div>
-                                                            <p class="mb-0 text-muted">
-                                                                Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.
-                                                            </p>
-                                                        </div> <!-- end search item -->
-    
-                                                        <div class="search-item">
-                                                            <h4 class="mb-1"><a href="#">Velonic - Bootstrap 4 Admin & Frontend</a></h4>
-                                                            <div class="font-13 text-success mb-2 text-truncate">
-                                                                https://wrapbootstrap.com/theme/velonic-bootstrap-4-admin-frontend-WB0R9B09G?ref=coderthemes
-                                                            </div>
-    
-                                                            <div class="">
-                                                                <img src="../assets/images/small/img-1.jpg" height="48" alt="image"/>
-                                                                <img src="../assets/images/small/img-2.jpg" height="48" alt="image"/>
-                                                                <img src="../assets/images/small/img-3.jpg" height="48" alt="image"/>
-                                                                <img src="../assets/images/small/img-4.jpg" height="48" alt="image"/>
-                                                            </div>
-                                                        </div> <!-- end search item -->
-    
-                                                        <div class="search-item">
-                                                            <h4 class="mb-1"><a href="#">Coderthemes - WrapBootstrap</a></h4>
-                                                            <div class="font-13 text-success mb-2 text-truncate">
-                                                                https://wrapbootstrap.com/user/coderthemes?ref=coderthemes
-                                                            </div>
-                                                            <p class="mb-0 text-muted">
-                                                                Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.
-                                                            </p>
-                                                            <div class="row mt-2">
-                                                                <div class="col-sm-4 col-xl-2">
-                                                                    <div class="embed-responsive embed-responsive-16by9">
-                                                                        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/PrUxWZiQfy4?autohide=0&showinfo=0&controls=0"></iframe>
-                                                                    </div>
-                                                                </div> <!-- end col -->
-                                                            </div>
-                                                            <!-- end row -->
-                                                        </div> <!-- end search item -->
-    
-    
-                                                        <ul class="pagination justify-content-end pagination-rounded mt-0">
-                                                            <li class="page-item">
-                                                                <a class="page-link" href="#" aria-label="Previous">
-                                                                    <span aria-hidden="true">«</span>
-                                                                    <span class="sr-only">Previous</span>
-                                                                </a>
-                                                            </li>
-                                                            <li class="page-item"><a class="page-link" href="#">1</a></li>
-                                                            <li class="page-item active"><a class="page-link" href="#">2</a></li>
-                                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
-                                                            <li class="page-item"><a class="page-link" href="#">4</a></li>
-                                                            <li class="page-item"><a class="page-link" href="#">5</a></li>
-                                                            <li class="page-item">
-                                                                <a class="page-link" href="#" aria-label="Next">
-                                                                    <span aria-hidden="true">»</span>
-                                                                    <span class="sr-only">Next</span>
-                                                                </a>
-                                                            </li>
-                                                        </ul>
-    
-                                                        <div class="clearfix"></div>
-                                                    </div>
-                                                </div>
-                                            </div>
-    
-                                            <!-- end All results tab -->
-    
-    
-                                            <!-- Users tab -->
-                                            <div class="tab-pane" id="users">
-                                                <div class="search-item">
-                                                    <div class="media">
-                                                        <img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-1.jpg" alt="Generic placeholder image" height="54">
-                                                        <div class="media-body">
-                                                            <h5 class="mt-0">
-                                                                <a href="#" class="text-dark">Halette Boivin</a>
-                                                            </h5>
-                                                            <p class="font-13">
-                                                                <b>Email:</b>
-                                                                <span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
-                                                            </p>
-                                                            <p class="mb-0 font-13">
-                                                                <b>Bio:</b>
-                                                                <br/>
-                                                                <span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
-                                                            </p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-    
-    
-                                                <div class="search-item">
-                                                    <div class="media">
-                                                        <img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="54">
-                                                        <div class="media-body">
-                                                            <h5 class="mt-0">
-                                                                <a href="#" class="text-dark">Durandana Jolicoeur</a>
-                                                            </h5>
-                                                            <p class="font-13">
-                                                                <b>Email:</b>
-                                                                <span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
-                                                            </p>
-                                                            <p class="mb-0 font-13">
-                                                                <b>Bio:</b>
-                                                                <br/>
-                                                                <span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
-                                                            </p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-    
-    
-                                                <div class="search-item">
-                                                    <div class="media">
-                                                        <img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-3.jpg" alt="Generic placeholder image" height="54">
-                                                        <div class="media-body">
-                                                            <h5 class="mt-0">
-                                                                <a href="#" class="text-dark">Lucas Sabourin</a>
-                                                            </h5>
-                                                            <p class="font-13">
-                                                                <b>Email:</b>
-                                                                <span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
-                                                            </p>
-                                                            <p class="mb-0 font-13">
-                                                                <b>Bio:</b>
-                                                                <br/>
-                                                                <span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
-                                                            </p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-    
-    
-                                                <div class="search-item">
-                                                    <div class="media">
-                                                        <img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-4.jpg" alt="Generic placeholder image" height="54">
-                                                        <div class="media-body">
-                                                            <h5 class="mt-0">
-                                                                <a href="#" class="text-dark">Donatien Brunelle</a>
-                                                            </h5>
-                                                            <p class="font-13">
-                                                                <b>Email:</b>
-                                                                <span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
-                                                            </p>
-                                                            <p class="mb-0 font-13">
-                                                                <b>Bio:</b>
-                                                                <br/>
-                                                                <span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
-                                                            </p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-    
-                                                <div class="search-item">
-                                                    <div class="media">
-                                                        <img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="54">
-                                                        <div class="media-body">
-                                                            <h5 class="mt-0">
-                                                                <a href="#" class="text-dark">Karel Auberjo</a>
-                                                            </h5>
-                                                            <p class="font-13">
-                                                                <b>Email:</b>
-                                                                <span><a href="#" class="text-muted">mediaheader@mail.com</a></span>
-                                                            </p>
-                                                            <p class="mb-0 font-13">
-                                                                <b>Bio:</b>
-                                                                <br/>
-                                                                <span class="text-muted">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</span>
-                                                            </p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-    
-                                                <ul class="pagination justify-content-end pagination-rounded mt-0">
-                                                    <li class="page-item">
-                                                        <a class="page-link" href="#" aria-label="Previous">
-                                                            <span aria-hidden="true">«</span>
-                                                            <span class="sr-only">Previous</span>
-                                                        </a>
-                                                    </li>
-                                                    <li class="page-item"><a class="page-link" href="#">1</a></li>
-                                                    <li class="page-item active"><a class="page-link" href="#">2</a></li>
-                                                    <li class="page-item"><a class="page-link" href="#">3</a></li>
-                                                    <li class="page-item"><a class="page-link" href="#">4</a></li>
-                                                    <li class="page-item"><a class="page-link" href="#">5</a></li>
-                                                    <li class="page-item">
-                                                        <a class="page-link" href="#" aria-label="Next">
-                                                            <span aria-hidden="true">»</span>
-                                                            <span class="sr-only">Next</span>
-                                                        </a>
-                                                    </li>
-                                                </ul>
-    
-    
-                                                <div class="clearfix"></div>
-    
-    
-                                            </div>
-                                            <!-- end Users tab -->
-    
-                                        </div>
-                                    </div>
-                                </div>
-                                <!-- end row -->
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-sitemap.html b/public/modern/pages-sitemap.html
deleted file mode 100644
index 1ddfc4c..0000000
--- a/public/modern/pages-sitemap.html
+++ /dev/null
@@ -1,1836 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Sitemap | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Sitemap</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extras</a></li>
-                                            <li class="breadcrumb-item active">Sitemap</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-lg-4">
-                                                <ul class="sitemap">
-                                                    <li><a href="javascript: void(0);" class="text-uppercase font-weight-bold"><img src="../assets/images/logo-sm-dark.png" alt="" height="12" class="mr-1"> Minton Pages</a>
-                                                        <ul>
-                                                            <li><a href="javascript: void(0);"><i class="ri-dashboard-line mr-1"></i>Dashboards</a>
-                                                                <ul>
-                                                                    <li><a href="javascript: void(0);">Sales</a></li>
-                                                                    <li><a href="javascript: void(0);">CRM</a></li>
-                                                                    <li><a href="javascript: void(0);">Analytics</a></li>
-                                                                </ul>
-                                                            </li>
-                                                            <li><a href="javascript: void(0);"><i class="ri-layout-line mr-1"></i>Layouts</a></li>
-                                                            <li><a href="javascript: void(0);"><i class="fe-grid mr-1"></i>Applications</a>
-                                                                <ul>
-                                                                    <li><a href="javascript: void(0);">Chat</a></li>
-                                                                    <li><a href="javascript: void(0);">eCommerce</a>
-                                                                        <ul>
-                                                                            <li><a href="javascript: void(0);">Products List</a></li>
-                                                                            <li><a href="javascript: void(0);">Products Grid</a></li>
-                                                                            <li><a href="javascript: void(0);">Product Detail</a></li>
-                                                                            <li><a href="javascript: void(0);">Create Product</a></li>
-                                                                            <li><a href="javascript: void(0);">Orders</a></li>
-                                                                            <li><a href="javascript: void(0);">Sellers</a></li>
-                                                                        </ul>
-                                                                    </li>
-                                                                    <li><a href="javascript: void(0);">Email</a>
-                                                                        <ul>
-                                                                            <li><a href="javascript: void(0);">Inbox</a></li>
-                                                                            <li><a href="javascript: void(0);">Email Read</a></li>
-                                                                            <li><a href="javascript: void(0);">Compose</a></li>
-                                                                        </ul>
-                                                                    </li>
-                                                                    <li><a href="javascript: void(0);">More Apps</a></li>
-                                                                </ul>
-                                                            </li>
-                                                            
-                                                            <li><a href="javascript: void(0);"><i class="ri-pages-line mr-1"></i>Sitemap</a></li>
-                                                        </ul>
-                                                    </li>
-                                                </ul>
-                                            </div> <!-- end col-->
-                
-                                            <div class="col-lg-4">
-                                                <ul class="sitemap">
-                                                    <li><a href="javascript: void(0);" class="text-uppercase font-weight-bold"><img src="../assets/images/logo-sm-dark.png" alt="" height="12" class="mr-1"> Minton</a>
-                                                        <ul>
-                                                            <li><a href="javascript: void(0);"><b>About</b></a>
-                                                                <ul>
-                                                                    <li><a href="javascript: void(0);">Business</a></li>
-                                                                    <li><a href="javascript: void(0);">Philosophy</a></li>
-                                                                    <li><a href="javascript: void(0);">Staff</a></li>
-                                                                </ul>
-                                                            </li>
-                                                            <li><a href="javascript: void(0);"><b>Works</b></a>
-                                                                <ul>
-                                                                    <li><a href="javascript: void(0);">2015</a>
-                                                                        <ul>
-                                                                            <li><a href="javascript: void(0);">Company</a></li>
-                                                                            <li><a href="javascript: void(0);">Service</a></li>
-                                                                            <li><a href="javascript: void(0);">Contest</a></li>
-                                                                        </ul>
-                                                                    </li>
-                                                                    <li><a href="javascript: void(0);">2014</a>
-                                                                        <ul>
-                                                                            <li><a href="javascript: void(0);">Company</a></li>
-                                                                            <li><a href="javascript: void(0);">Service</a></li>
-                                                                            <li><a href="javascript: void(0);">Contest</a></li>
-                                                                        </ul>
-                                                                    </li>
-                                                                    <li><a href="javascript: void(0);">2013</a>
-                                                                        <ul>
-                                                                            <li><a href="javascript: void(0);">Company</a></li>
-                                                                            <li><a href="javascript: void(0);">Service</a></li>
-                                                                            <li><a href="javascript: void(0);">Contest</a></li>
-                                                                        </ul>
-                                                                    </li>
-                                                                </ul>
-                                                            </li>
-                                                            <li><a href="javascript: void(0);"><b>Contact</b></a></li>
-                                                            <li><a href="javascript: void(0);"><b>Sitemap</b></a></li>
-                                                            <li><a href="javascript: void(0);"><b>Recruit</b></a>
-                                                                <ul>
-                                                                    <li><a href="javascript: void(0);">Web Director</a></li>
-                                                                    <li><a href="javascript: void(0);">Web Designer</a></li>
-                                                                    <li><a href="javascript: void(0);">Web Engineer</a></li>
-                                                                </ul>
-                                                            </li>
-                                                        </ul>
-                                                    </li>
-                                                </ul>
-                                            </div> <!-- end col -->
-                
-                                            <div class="col-lg-4">
-                                                <ul class="sitemap">
-                                                    <li><a href="javascript: void(0);" class="text-uppercase font-weight-bold"><img src="../assets/images/logo-sm-dark.png" alt="" height="12" class="mr-1"> Minton</a>
-                                                        <ul>
-                                                            <li><a href="javascript: void(0);" class="text-uppercase text-primary"><b>About</b></a>
-                                                                <ul>
-                                                                    <li><a href="javascript: void(0);" class="text-primary">Business</a></li>
-                                                                    <li><a href="javascript: void(0);" class="text-primary">Philosophy</a></li>
-                                                                    <li><a href="javascript: void(0);" class="text-primary">Staff</a></li>
-                                                                </ul>
-                                                            </li>
-                                                            <li><a href="javascript: void(0);" class="text-uppercase text-success"><b>Works</b></a>
-                                                                <ul>
-                                                                    <li><a href="javascript: void(0);" class="text-success">2015</a>
-                                                                    <ul>
-                                                                        <li><a href="javascript: void(0);">Company</a></li>
-                                                                        <li><a href="javascript: void(0);">Service</a></li>
-                                                                        <li><a href="javascript: void(0);">Contest</a></li>
-                                                                    </ul>
-                                                                    </li>
-                                                                    <li><a href="javascript: void(0);" class="text-success">2014</a>
-                                                                        <ul>
-                                                                            <li><a href="javascript: void(0);">Company</a></li>
-                                                                            <li><a href="javascript: void(0);">Service</a></li>
-                                                                            <li><a href="javascript: void(0);">Contest</a></li>
-                                                                        </ul>
-                                                                    </li>
-                                                                    <li><a href="javascript: void(0);" class="text-success">2013</a>
-                                                                        <ul>
-                                                                            <li><a href="javascript: void(0);">Company</a></li>
-                                                                            <li><a href="javascript: void(0);">Service</a></li>
-                                                                            <li><a href="javascript: void(0);">Contest</a></li>
-                                                                        </ul>
-                                                                    </li>
-                                                                </ul>
-                                                            </li>
-                                                            <li><a href="javascript: void(0);" class="text-uppercase text-danger"><b>Contact</b></a></li>
-                                                            <li><a href="javascript: void(0);" class="text-uppercase text-info"><b>Sitemap</b></a></li>
-                                                            <li><a href="javascript: void(0);" class="text-uppercase text-warning"><b>Recruit</b></a>
-                                                                <ul>
-                                                                    <li><a href="javascript: void(0);" class="text-warning">Web Director</a></li>
-                                                                    <li><a href="javascript: void(0);" class="text-warning">Web Designer</a></li>
-                                                                    <li><a href="javascript: void(0);" class="text-warning">Web Engineer</a></li>
-                                                                </ul>
-                                                            </li>
-                                                        </ul>
-                                                    </li>
-                                                </ul>
-                                            </div> <!-- end col-->
-                                        </div> <!-- end row-->
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-starter.html b/public/modern/pages-starter.html
deleted file mode 100644
index 6fb2baa..0000000
--- a/public/modern/pages-starter.html
+++ /dev/null
@@ -1,1683 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Starter | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Starter</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Pages</a></li>
-                                            <li class="breadcrumb-item active">Starter</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/pages-timeline.html b/public/modern/pages-timeline.html
deleted file mode 100644
index 760feb0..0000000
--- a/public/modern/pages-timeline.html
+++ /dev/null
@@ -1,1863 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Timeline | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Timeline</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Extras</a></li>
-                                            <li class="breadcrumb-item active">Timeline</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="timeline" dir="ltr">
-
-                                    <article class="timeline-item">
-                                        <h2 class="m-0 d-none">&nbsp;</h2>
-                                        <div class="time-show mt-0">
-                                            <a href="#" class="btn btn-primary width-lg">Today</a>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item timeline-item-left">
-                                        <div class="timeline-desk">
-                                            <div class="timeline-box">
-                                                <span class="arrow-alt"></span>
-                                                <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>
-                                                <h4 class="mt-0 font-16">1 hour ago</h4>
-                                                <p class="text-muted"><small>08:25 am</small></p>
-                                                <p class="mb-0">Dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? </p>
-                                            </div>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item">
-                                        <div class="timeline-desk">
-                                            <div class="timeline-box">
-                                                <span class="arrow"></span>
-                                                <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>
-                                                <h4 class="mt-0 font-16">2 hours ago</h4>
-                                                <p class=" text-muted"><small>08:25 am</small></p>
-                                                <p class="mb-0">consectetur adipisicing elit. Iusto, optio, dolorum <a href="#">John deon</a> provident rerum aut hic quasi placeat iure tempora laudantium </p>
-                                            </div>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item timeline-item-left">
-                                        <div class="timeline-desk">
-                                            <div class="timeline-box">
-                                                <span class="arrow-alt"></span>
-                                                <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>
-                                                <h4 class="mt-0 font-16">10 hours ago</h4>
-                                                <p class="text-muted"><small>08:25 am</small></p>
-                                                <p>3 new photo Uploaded on facebook fan page</p>
-                                                <div class="timeline-album">
-                                                    <a href="javascript: void(0);">
-                                                        <img alt="" src="../assets/images/small/img-1.jpg">
-                                                    </a>
-                                                    <a href="javascript: void(0);">
-                                                        <img alt="" src="../assets/images/small/img-2.jpg">
-                                                    </a>
-                                                    <a href="javascript: void(0);">
-                                                        <img alt="" src="../assets/images/small/img-3.jpg">
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item">
-                                        <div class="timeline-desk">
-                                            <div class="timeline-box">
-                                                <span class="arrow"></span>
-                                                <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>
-                                                <h4 class="mt-0 font-16">14 hours ago</h4>
-                                                <p class="text-muted"><small>08:25 am</small></p>
-                                                <p class="mb-0">Outdoor visit at California State Route 85 with John Boltana &
-                                                    Harry Piterson regarding to setup a new show room.</p>
-                                            </div>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item  timeline-item-left">
-                                        <div class="timeline-desk">
-                                            <div class="panel">
-                                                <div class="timeline-box">
-                                                    <span class="arrow-alt"></span>
-                                                    <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>
-                                                    <h4 class="mt-0 font-16">19 hours ago</h4>
-                                                    <p class="text-muted"><small>08:25 am</small></p>
-                                                    <p class="mb-0">Jonatha Smith added new milestone <span><a href="#">Pathek</a></span>
-                                                        Lorem ipsum dolor sit amet consiquest dio</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item">
-                                        <h2 class="m-0 d-none">&nbsp;</h2>
-                                        <div class="time-show">
-                                            <a href="#" class="btn btn-primary width-lg">Yesterday</a>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item">
-                                        <div class="timeline-desk">
-                                            <div class="panel">
-                                                <div class="timeline-box">
-                                                    <span class="arrow"></span>
-                                                    <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>
-                                                    <h4 class="mt-0 font-16">07 January 2020</h4>
-                                                    <p class="text-muted"><small>08:25 am</small></p>
-                                                    <p class="mb-0">Montly Regular Medical check up at Greenland Hospital by the
-                                                        doctor <span><a href="#"> Johm meon </a></span>
-                                                    </p>
-
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </article>
-                                    <article class="timeline-item timeline-item-left">
-                                        <div class="timeline-desk">
-                                            <div class="panel">
-                                                <div class="timeline-box">
-                                                    <span class="arrow-alt"></span>
-                                                    <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>
-                                                    <h4 class="mt-0 font-16">07 January 2020</h4>
-                                                    <p class="text-muted"><small>08:25 am</small></p>
-                                                    <p class="mb-0">Download the new updates of Minton admin dashboard</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item">
-                                        <div class="timeline-desk">
-                                            <div class="panel">
-                                                <div class="timeline-box">
-                                                    <span class="arrow"></span>
-                                                    <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>
-                                                    <h4 class="mt-0 font-16">07 January 2019</h4>
-                                                    <p class="text-muted"><small>08:25 am</small></p>
-                                                    <p class="mb-0">Jonatha Smith added new milestone <span><a class="blue" href="#">crishtian</a></span>
-                                                        Lorem ipsum dolor sit amet consiquest dio</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item">
-                                        <h2 class="m-0 d-none">&nbsp;</h2>
-                                        <div class="time-show">
-                                            <a href="#" class="btn btn-primary width-lg">Last Month</a>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item timeline-item-left">
-                                        <div class="timeline-desk">
-                                            <div class="panel">
-                                                <div class="timeline-box">
-                                                    <span class="arrow-alt"></span>
-                                                    <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>
-                                                    <h4 class="mt-0 font-16">31 December 2019</h4>
-                                                    <p class="text-muted"><small>08:25 am</small></p>
-                                                    <p class="mb-0">Download the new updates of Minton admin dashboard</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </article>
-
-                                    <article class="timeline-item">
-                                        <div class="timeline-desk">
-                                            <div class="panel">
-                                                <div class="timeline-box">
-                                                    <span class="arrow"></span>
-                                                    <span class="timeline-icon"><i class="mdi mdi-adjust"></i></span>
-                                                    <h4 class="mt-0 font-16">16 Decembar 2019</h4>
-                                                    <p class="text-muted"><small>08:25 am</small></p>
-                                                    <p class="mb-0">Jonatha Smith added new milestone <span><a href="#">prank</a></span>
-                                                        Lorem ipsum dolor sit amet consiquest dio</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </article>
-
-                                </div>
-                                <!-- end timeline -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/tables-basic.html b/public/modern/tables-basic.html
deleted file mode 100644
index e06a71a..0000000
--- a/public/modern/tables-basic.html
+++ /dev/null
@@ -1,2318 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Basic Tables | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Basic Tables</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Tables</a></li>
-                                            <li class="breadcrumb-item active">Basic</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-                        
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Basic example</h4>
-                                        <p class="sub-header">
-                                            For basic styling—light padding and only horizontal dividers—add the base class <code>.table</code> to any <code>&lt;table&gt;</code>.
-                                        </p>
-            
-                                        <div class="table-responsive">
-                                            <table class="table mb-0">
-                                                <thead>
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">3</th>
-                                                    <td>Larry</td>
-                                                    <td>the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Inverse table</h4>
-                                        <p class="sub-header">
-                                            You can also invert the colors—with light text on dark backgrounds—with <code class="highlighter-rouge">.table-dark</code>.
-                                        </p>
-            
-                                        <div class="table-responsive">
-                                            <table class="table table-dark mb-0">
-                                                <thead>
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">3</th>
-                                                    <td>Larry</td>
-                                                    <td>the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!--- end row -->
-        
-        
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Table head options</h4>
-                                        <p class="sub-header">
-                                            Use one of two modifier classes to make <code>&lt;thead&gt;</code>s appear light or dark gray.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="table mb-0">
-                                                <thead class="thead-light">
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">3</th>
-                                                    <td>Larry</td>
-                                                    <td>the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-            
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Striped rows</h4>
-                                        <p class="sub-header">
-                                            Use <code>.table-striped</code> to add zebra-striping to any table row
-                                            within the <code>&lt;tbody&gt;</code>.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-striped mb-0">
-                                                <thead>
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">3</th>
-                                                    <td>Larry</td>
-                                                    <td>the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-            
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-        
-        
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bordered table</h4>
-                                        <p class="sub-header">
-                                            Add <code>.table-bordered</code> for borders on all sides of the table and cells.
-                                        </p>
-            
-                                        <div class="table-responsive">
-                                            <table class="table table-bordered mb-0">
-                                                <thead>
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@TwBootstrap</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">3</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">4</th>
-                                                    <td colspan="2">Larry the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end .table-responsive-->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Hoverable rows</h4>
-                                        <p class="sub-header">
-                                            Create responsive tables by wrapping any <code>.table</code> in <code>.table-responsive</code>
-                                            to make them scroll horizontally on small devices (under 768px).
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-hover mb-0">
-                                                <thead>
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">3</th>
-                                                    <td colspan="2">Larry the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-            
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-        
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Small table</h4>
-                                        <p class="sub-header">
-                                            Add <code>.table-sm</code> to make tables more compact by cutting cell padding in half.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-sm mb-0">
-                                                <thead>
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">3</th>
-                                                    <td colspan="2">Larry the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">4</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">5</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">6</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">7</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">8</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">9</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-            
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Contextual classes</h4>
-                                        <p class="sub-header">
-                                            Use contextual classes to color table rows or individual cells.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="table mb-0">
-                                                <thead>
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>Column heading</th>
-                                                    <th>Column heading</th>
-                                                    <th>Column heading</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr class="table-active">
-                                                    <th scope="row">1</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr class="table-success">
-                                                    <th scope="row">3</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">4</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr class="table-info">
-                                                    <th scope="row">5</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">6</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr class="table-warning">
-                                                    <th scope="row">7</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">8</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                <tr class="table-danger">
-                                                    <th scope="row">9</th>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                    <td>Column content</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-        
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-        
-        
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Table head options</h4>
-                                        <p class="sub-header">
-                                            Similar to tables and dark tables, use the modifier classes <code class="highlighter-rouge">.thead-light</code> or <code class="highlighter-rouge">.thead-dark</code> to make <code class="highlighter-rouge">&lt;thead&gt;</code>s appear light or dark gray.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="table mb-0">
-                                                <thead class="thead-dark">
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">3</th>
-                                                    <td>Larry</td>
-                                                    <td>the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-            
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Contextual classes with Background color</h4>
-                                        <p class="sub-header">
-                                            You can also invert the colors—with light text on dark backgrounds—with <code class="highlighter-rouge">.table-dark</code>.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-dark text-white mb-0">
-                                                <thead>
-                                                <tr class="">
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr class="bg-primary">
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr class="bg-custom">
-                                                    <th scope="row">2</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr class="bg-pink">
-                                                    <th scope="row">3</th>
-                                                    <td>Larry</td>
-                                                    <td>the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-            
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!--- end row -->
-        
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Borderless table</h4>
-                                        <p class="sub-header">
-                                            For basic styling—light padding and only horizontal dividers—add the base class <code>.table</code> to any <code>&lt;table&gt;</code>.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-borderless mb-0">
-                                                <thead class="thead-light">
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">3</th>
-                                                    <td>Larry</td>
-                                                    <td>the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Borderless Inverse table</h4>
-                                        <p class="sub-header">
-                                            Your awesome text goes here.Your awesome text goes here.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="table table-dark table-borderless mb-0">
-                                                <thead>
-                                                <tr>
-                                                    <th>#</th>
-                                                    <th>First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th>Username</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <th scope="row">1</th>
-                                                    <td>Mark</td>
-                                                    <td>Otto</td>
-                                                    <td>@mdo</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">2</th>
-                                                    <td>Jacob</td>
-                                                    <td>Thornton</td>
-                                                    <td>@fat</td>
-                                                </tr>
-                                                <tr>
-                                                    <th scope="row">3</th>
-                                                    <td>Larry</td>
-                                                    <td>the Bird</td>
-                                                    <td>@twitter</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!--- end row --> 
-
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/tables-datatables.html b/public/modern/tables-datatables.html
deleted file mode 100644
index bf1deb0..0000000
--- a/public/modern/tables-datatables.html
+++ /dev/null
@@ -1,6794 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Datatables | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- third party css -->
-        <link href="../assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
-        <link href="../assets/libs/datatables.net-select-bs4/css//select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
-        <!-- third party css end -->
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Datatables</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Tables</a></li>
-                                            <li class="breadcrumb-item active">Datatables</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Basic Data Table</h4>
-                                        <p class="text-muted font-13 mb-4">
-                                            DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction
-                                            function:
-                                            <code>$().DataTable();</code>.
-                                        </p>
-
-                                        <table id="basic-datatable" class="table dt-responsive nowrap w-100">
-                                            <thead>
-                                                <tr>
-                                                    <th>Name</th>
-                                                    <th>Position</th>
-                                                    <th>Office</th>
-                                                    <th>Age</th>
-                                                    <th>Start date</th>
-                                                    <th>Salary</th>
-                                                </tr>
-                                            </thead>
-                                        
-                                        
-                                            <tbody>
-                                                <tr>
-                                                    <td>Tiger Nixon</td>
-                                                    <td>System Architect</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>61</td>
-                                                    <td>2011/04/25</td>
-                                                    <td>$320,800</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Garrett Winters</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>63</td>
-                                                    <td>2011/07/25</td>
-                                                    <td>$170,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Ashton Cox</td>
-                                                    <td>Junior Technical Author</td>
-                                                    <td>San Francisco</td>
-                                                    <td>66</td>
-                                                    <td>2009/01/12</td>
-                                                    <td>$86,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cedric Kelly</td>
-                                                    <td>Senior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2012/03/29</td>
-                                                    <td>$433,060</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Airi Satou</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>33</td>
-                                                    <td>2008/11/28</td>
-                                                    <td>$162,700</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brielle Williamson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2012/12/02</td>
-                                                    <td>$372,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Herrod Chandler</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>San Francisco</td>
-                                                    <td>59</td>
-                                                    <td>2012/08/06</td>
-                                                    <td>$137,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Rhona Davidson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Tokyo</td>
-                                                    <td>55</td>
-                                                    <td>2010/10/14</td>
-                                                    <td>$327,900</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Colleen Hurst</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>39</td>
-                                                    <td>2009/09/15</td>
-                                                    <td>$205,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sonya Frost</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>23</td>
-                                                    <td>2008/12/13</td>
-                                                    <td>$103,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jena Gaines</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>30</td>
-                                                    <td>2008/12/19</td>
-                                                    <td>$90,560</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Quinn Flynn</td>
-                                                    <td>Support Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2013/03/03</td>
-                                                    <td>$342,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Charde Marshall</td>
-                                                    <td>Regional Director</td>
-                                                    <td>San Francisco</td>
-                                                    <td>36</td>
-                                                    <td>2008/10/16</td>
-                                                    <td>$470,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Haley Kennedy</td>
-                                                    <td>Senior Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>43</td>
-                                                    <td>2012/12/18</td>
-                                                    <td>$313,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Tatyana Fitzpatrick</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>19</td>
-                                                    <td>2010/03/17</td>
-                                                    <td>$385,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Silva</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>66</td>
-                                                    <td>2012/11/27</td>
-                                                    <td>$198,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Paul Byrd</td>
-                                                    <td>Chief Financial Officer (CFO)</td>
-                                                    <td>New York</td>
-                                                    <td>64</td>
-                                                    <td>2010/06/09</td>
-                                                    <td>$725,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gloria Little</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>New York</td>
-                                                    <td>59</td>
-                                                    <td>2009/04/10</td>
-                                                    <td>$237,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bradley Greer</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>41</td>
-                                                    <td>2012/10/13</td>
-                                                    <td>$132,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Dai Rios</td>
-                                                    <td>Personnel Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>35</td>
-                                                    <td>2012/09/26</td>
-                                                    <td>$217,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jenette Caldwell</td>
-                                                    <td>Development Lead</td>
-                                                    <td>New York</td>
-                                                    <td>30</td>
-                                                    <td>2011/09/03</td>
-                                                    <td>$345,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Yuri Berry</td>
-                                                    <td>Chief Marketing Officer (CMO)</td>
-                                                    <td>New York</td>
-                                                    <td>40</td>
-                                                    <td>2009/06/25</td>
-                                                    <td>$675,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Caesar Vance</td>
-                                                    <td>Pre-Sales Support</td>
-                                                    <td>New York</td>
-                                                    <td>21</td>
-                                                    <td>2011/12/12</td>
-                                                    <td>$106,450</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Doris Wilder</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>Sidney</td>
-                                                    <td>23</td>
-                                                    <td>2010/09/20</td>
-                                                    <td>$85,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Angelica Ramos</td>
-                                                    <td>Chief Executive Officer (CEO)</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2009/10/09</td>
-                                                    <td>$1,200,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Joyce</td>
-                                                    <td>Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>42</td>
-                                                    <td>2010/12/22</td>
-                                                    <td>$92,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Chang</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Singapore</td>
-                                                    <td>28</td>
-                                                    <td>2010/11/14</td>
-                                                    <td>$357,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brenden Wagner</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>28</td>
-                                                    <td>2011/06/07</td>
-                                                    <td>$206,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Fiona Green</td>
-                                                    <td>Chief Operating Officer (COO)</td>
-                                                    <td>San Francisco</td>
-                                                    <td>48</td>
-                                                    <td>2010/03/11</td>
-                                                    <td>$850,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shou Itou</td>
-                                                    <td>Regional Marketing</td>
-                                                    <td>Tokyo</td>
-                                                    <td>20</td>
-                                                    <td>2011/08/14</td>
-                                                    <td>$163,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michelle House</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Sidney</td>
-                                                    <td>37</td>
-                                                    <td>2011/06/02</td>
-                                                    <td>$95,400</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Suki Burks</td>
-                                                    <td>Developer</td>
-                                                    <td>London</td>
-                                                    <td>53</td>
-                                                    <td>2009/10/22</td>
-                                                    <td>$114,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Prescott Bartlett</td>
-                                                    <td>Technical Author</td>
-                                                    <td>London</td>
-                                                    <td>27</td>
-                                                    <td>2011/05/07</td>
-                                                    <td>$145,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Cortez</td>
-                                                    <td>Team Leader</td>
-                                                    <td>San Francisco</td>
-                                                    <td>22</td>
-                                                    <td>2008/10/26</td>
-                                                    <td>$235,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Martena Mccray</td>
-                                                    <td>Post-Sales support</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>46</td>
-                                                    <td>2011/03/09</td>
-                                                    <td>$324,050</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Unity Butler</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/12/09</td>
-                                                    <td>$85,675</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Howard Hatfield</td>
-                                                    <td>Office Manager</td>
-                                                    <td>San Francisco</td>
-                                                    <td>51</td>
-                                                    <td>2008/12/16</td>
-                                                    <td>$164,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hope Fuentes</td>
-                                                    <td>Secretary</td>
-                                                    <td>San Francisco</td>
-                                                    <td>41</td>
-                                                    <td>2010/02/12</td>
-                                                    <td>$109,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Vivian Harrell</td>
-                                                    <td>Financial Controller</td>
-                                                    <td>San Francisco</td>
-                                                    <td>62</td>
-                                                    <td>2009/02/14</td>
-                                                    <td>$452,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Timothy Mooney</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>37</td>
-                                                    <td>2008/12/11</td>
-                                                    <td>$136,200</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jackson Bradshaw</td>
-                                                    <td>Director</td>
-                                                    <td>New York</td>
-                                                    <td>65</td>
-                                                    <td>2008/09/26</td>
-                                                    <td>$645,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Olivia Liang</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2011/02/03</td>
-                                                    <td>$234,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bruno Nash</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>38</td>
-                                                    <td>2011/05/03</td>
-                                                    <td>$163,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sakura Yamamoto</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Tokyo</td>
-                                                    <td>37</td>
-                                                    <td>2009/08/19</td>
-                                                    <td>$139,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Thor Walton</td>
-                                                    <td>Developer</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2013/08/11</td>
-                                                    <td>$98,540</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Finn Camacho</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/07/07</td>
-                                                    <td>$87,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Serge Baldwin</td>
-                                                    <td>Data Coordinator</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2012/04/09</td>
-                                                    <td>$138,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zenaida Frank</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>New York</td>
-                                                    <td>63</td>
-                                                    <td>2010/01/04</td>
-                                                    <td>$125,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zorita Serrano</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>56</td>
-                                                    <td>2012/06/01</td>
-                                                    <td>$115,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Acosta</td>
-                                                    <td>Junior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>43</td>
-                                                    <td>2013/02/01</td>
-                                                    <td>$75,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cara Stevens</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>New York</td>
-                                                    <td>46</td>
-                                                    <td>2011/12/06</td>
-                                                    <td>$145,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hermione Butler</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2011/03/21</td>
-                                                    <td>$356,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lael Greer</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>London</td>
-                                                    <td>21</td>
-                                                    <td>2009/02/27</td>
-                                                    <td>$103,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jonas Alexander</td>
-                                                    <td>Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>30</td>
-                                                    <td>2010/07/14</td>
-                                                    <td>$86,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shad Decker</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>51</td>
-                                                    <td>2008/11/13</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Bruce</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>Singapore</td>
-                                                    <td>29</td>
-                                                    <td>2011/06/27</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Donna Snider</td>
-                                                    <td>Customer Support</td>
-                                                    <td>New York</td>
-                                                    <td>27</td>
-                                                    <td>2011/01/25</td>
-                                                    <td>$112,000</td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <h4 class="header-title">Buttons example</h4>
-                                        <p class="text-muted font-13 mb-4">
-                                            The Buttons extension for DataTables provides a common set of options, API methods and styling to display buttons on a page
-                                            that will interact with a DataTable. The core library provides the based framework upon which plug-ins can built.
-                                        </p>
-
-                                        <table id="datatable-buttons" class="table table-striped dt-responsive nowrap w-100">
-                                            <thead>
-                                                <tr>
-                                                    <th>Name</th>
-                                                    <th>Position</th>
-                                                    <th>Office</th>
-                                                    <th>Age</th>
-                                                    <th>Start date</th>
-                                                    <th>Salary</th>
-                                                </tr>
-                                            </thead>
-                                        
-                                        
-                                            <tbody>
-                                                <tr>
-                                                    <td>Tiger Nixon</td>
-                                                    <td>System Architect</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>61</td>
-                                                    <td>2011/04/25</td>
-                                                    <td>$320,800</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Garrett Winters</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>63</td>
-                                                    <td>2011/07/25</td>
-                                                    <td>$170,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Ashton Cox</td>
-                                                    <td>Junior Technical Author</td>
-                                                    <td>San Francisco</td>
-                                                    <td>66</td>
-                                                    <td>2009/01/12</td>
-                                                    <td>$86,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cedric Kelly</td>
-                                                    <td>Senior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2012/03/29</td>
-                                                    <td>$433,060</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Airi Satou</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>33</td>
-                                                    <td>2008/11/28</td>
-                                                    <td>$162,700</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brielle Williamson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2012/12/02</td>
-                                                    <td>$372,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Herrod Chandler</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>San Francisco</td>
-                                                    <td>59</td>
-                                                    <td>2012/08/06</td>
-                                                    <td>$137,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Rhona Davidson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Tokyo</td>
-                                                    <td>55</td>
-                                                    <td>2010/10/14</td>
-                                                    <td>$327,900</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Colleen Hurst</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>39</td>
-                                                    <td>2009/09/15</td>
-                                                    <td>$205,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sonya Frost</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>23</td>
-                                                    <td>2008/12/13</td>
-                                                    <td>$103,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jena Gaines</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>30</td>
-                                                    <td>2008/12/19</td>
-                                                    <td>$90,560</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Quinn Flynn</td>
-                                                    <td>Support Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2013/03/03</td>
-                                                    <td>$342,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Charde Marshall</td>
-                                                    <td>Regional Director</td>
-                                                    <td>San Francisco</td>
-                                                    <td>36</td>
-                                                    <td>2008/10/16</td>
-                                                    <td>$470,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Haley Kennedy</td>
-                                                    <td>Senior Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>43</td>
-                                                    <td>2012/12/18</td>
-                                                    <td>$313,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Tatyana Fitzpatrick</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>19</td>
-                                                    <td>2010/03/17</td>
-                                                    <td>$385,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Silva</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>66</td>
-                                                    <td>2012/11/27</td>
-                                                    <td>$198,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Paul Byrd</td>
-                                                    <td>Chief Financial Officer (CFO)</td>
-                                                    <td>New York</td>
-                                                    <td>64</td>
-                                                    <td>2010/06/09</td>
-                                                    <td>$725,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gloria Little</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>New York</td>
-                                                    <td>59</td>
-                                                    <td>2009/04/10</td>
-                                                    <td>$237,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bradley Greer</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>41</td>
-                                                    <td>2012/10/13</td>
-                                                    <td>$132,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Dai Rios</td>
-                                                    <td>Personnel Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>35</td>
-                                                    <td>2012/09/26</td>
-                                                    <td>$217,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jenette Caldwell</td>
-                                                    <td>Development Lead</td>
-                                                    <td>New York</td>
-                                                    <td>30</td>
-                                                    <td>2011/09/03</td>
-                                                    <td>$345,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Yuri Berry</td>
-                                                    <td>Chief Marketing Officer (CMO)</td>
-                                                    <td>New York</td>
-                                                    <td>40</td>
-                                                    <td>2009/06/25</td>
-                                                    <td>$675,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Caesar Vance</td>
-                                                    <td>Pre-Sales Support</td>
-                                                    <td>New York</td>
-                                                    <td>21</td>
-                                                    <td>2011/12/12</td>
-                                                    <td>$106,450</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Doris Wilder</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>Sidney</td>
-                                                    <td>23</td>
-                                                    <td>2010/09/20</td>
-                                                    <td>$85,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Angelica Ramos</td>
-                                                    <td>Chief Executive Officer (CEO)</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2009/10/09</td>
-                                                    <td>$1,200,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Joyce</td>
-                                                    <td>Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>42</td>
-                                                    <td>2010/12/22</td>
-                                                    <td>$92,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Chang</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Singapore</td>
-                                                    <td>28</td>
-                                                    <td>2010/11/14</td>
-                                                    <td>$357,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brenden Wagner</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>28</td>
-                                                    <td>2011/06/07</td>
-                                                    <td>$206,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Fiona Green</td>
-                                                    <td>Chief Operating Officer (COO)</td>
-                                                    <td>San Francisco</td>
-                                                    <td>48</td>
-                                                    <td>2010/03/11</td>
-                                                    <td>$850,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shou Itou</td>
-                                                    <td>Regional Marketing</td>
-                                                    <td>Tokyo</td>
-                                                    <td>20</td>
-                                                    <td>2011/08/14</td>
-                                                    <td>$163,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michelle House</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Sidney</td>
-                                                    <td>37</td>
-                                                    <td>2011/06/02</td>
-                                                    <td>$95,400</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Suki Burks</td>
-                                                    <td>Developer</td>
-                                                    <td>London</td>
-                                                    <td>53</td>
-                                                    <td>2009/10/22</td>
-                                                    <td>$114,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Prescott Bartlett</td>
-                                                    <td>Technical Author</td>
-                                                    <td>London</td>
-                                                    <td>27</td>
-                                                    <td>2011/05/07</td>
-                                                    <td>$145,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Cortez</td>
-                                                    <td>Team Leader</td>
-                                                    <td>San Francisco</td>
-                                                    <td>22</td>
-                                                    <td>2008/10/26</td>
-                                                    <td>$235,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Martena Mccray</td>
-                                                    <td>Post-Sales support</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>46</td>
-                                                    <td>2011/03/09</td>
-                                                    <td>$324,050</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Unity Butler</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/12/09</td>
-                                                    <td>$85,675</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Howard Hatfield</td>
-                                                    <td>Office Manager</td>
-                                                    <td>San Francisco</td>
-                                                    <td>51</td>
-                                                    <td>2008/12/16</td>
-                                                    <td>$164,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hope Fuentes</td>
-                                                    <td>Secretary</td>
-                                                    <td>San Francisco</td>
-                                                    <td>41</td>
-                                                    <td>2010/02/12</td>
-                                                    <td>$109,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Vivian Harrell</td>
-                                                    <td>Financial Controller</td>
-                                                    <td>San Francisco</td>
-                                                    <td>62</td>
-                                                    <td>2009/02/14</td>
-                                                    <td>$452,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Timothy Mooney</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>37</td>
-                                                    <td>2008/12/11</td>
-                                                    <td>$136,200</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jackson Bradshaw</td>
-                                                    <td>Director</td>
-                                                    <td>New York</td>
-                                                    <td>65</td>
-                                                    <td>2008/09/26</td>
-                                                    <td>$645,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Olivia Liang</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2011/02/03</td>
-                                                    <td>$234,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bruno Nash</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>38</td>
-                                                    <td>2011/05/03</td>
-                                                    <td>$163,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sakura Yamamoto</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Tokyo</td>
-                                                    <td>37</td>
-                                                    <td>2009/08/19</td>
-                                                    <td>$139,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Thor Walton</td>
-                                                    <td>Developer</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2013/08/11</td>
-                                                    <td>$98,540</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Finn Camacho</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/07/07</td>
-                                                    <td>$87,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Serge Baldwin</td>
-                                                    <td>Data Coordinator</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2012/04/09</td>
-                                                    <td>$138,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zenaida Frank</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>New York</td>
-                                                    <td>63</td>
-                                                    <td>2010/01/04</td>
-                                                    <td>$125,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zorita Serrano</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>56</td>
-                                                    <td>2012/06/01</td>
-                                                    <td>$115,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Acosta</td>
-                                                    <td>Junior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>43</td>
-                                                    <td>2013/02/01</td>
-                                                    <td>$75,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cara Stevens</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>New York</td>
-                                                    <td>46</td>
-                                                    <td>2011/12/06</td>
-                                                    <td>$145,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hermione Butler</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2011/03/21</td>
-                                                    <td>$356,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lael Greer</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>London</td>
-                                                    <td>21</td>
-                                                    <td>2009/02/27</td>
-                                                    <td>$103,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jonas Alexander</td>
-                                                    <td>Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>30</td>
-                                                    <td>2010/07/14</td>
-                                                    <td>$86,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shad Decker</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>51</td>
-                                                    <td>2008/11/13</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Bruce</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>Singapore</td>
-                                                    <td>29</td>
-                                                    <td>2011/06/27</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Donna Snider</td>
-                                                    <td>Customer Support</td>
-                                                    <td>New York</td>
-                                                    <td>27</td>
-                                                    <td>2011/01/25</td>
-                                                    <td>$112,000</td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                        
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <h4 class="header-title">Multi item selection</h4>
-                                        <p class="text-muted font-13 mb-4">
-                                            This example shows the multi option. Note how a click on a row will toggle its selected state without effecting other rows,
-                                            unlike the os and single options shown in other examples.
-                                        </p>
-
-                                        <table id="selection-datatable" class="table dt-responsive nowrap w-100">
-                                            <thead>
-                                                <tr>
-                                                    <th>Name</th>
-                                                    <th>Position</th>
-                                                    <th>Office</th>
-                                                    <th>Age</th>
-                                                    <th>Start date</th>
-                                                    <th>Salary</th>
-                                                </tr>
-                                            </thead>
-                                        
-                                        
-                                            <tbody>
-                                                <tr>
-                                                    <td>Tiger Nixon</td>
-                                                    <td>System Architect</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>61</td>
-                                                    <td>2011/04/25</td>
-                                                    <td>$320,800</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Garrett Winters</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>63</td>
-                                                    <td>2011/07/25</td>
-                                                    <td>$170,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Ashton Cox</td>
-                                                    <td>Junior Technical Author</td>
-                                                    <td>San Francisco</td>
-                                                    <td>66</td>
-                                                    <td>2009/01/12</td>
-                                                    <td>$86,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cedric Kelly</td>
-                                                    <td>Senior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2012/03/29</td>
-                                                    <td>$433,060</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Airi Satou</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>33</td>
-                                                    <td>2008/11/28</td>
-                                                    <td>$162,700</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brielle Williamson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2012/12/02</td>
-                                                    <td>$372,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Herrod Chandler</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>San Francisco</td>
-                                                    <td>59</td>
-                                                    <td>2012/08/06</td>
-                                                    <td>$137,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Rhona Davidson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Tokyo</td>
-                                                    <td>55</td>
-                                                    <td>2010/10/14</td>
-                                                    <td>$327,900</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Colleen Hurst</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>39</td>
-                                                    <td>2009/09/15</td>
-                                                    <td>$205,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sonya Frost</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>23</td>
-                                                    <td>2008/12/13</td>
-                                                    <td>$103,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jena Gaines</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>30</td>
-                                                    <td>2008/12/19</td>
-                                                    <td>$90,560</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Quinn Flynn</td>
-                                                    <td>Support Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2013/03/03</td>
-                                                    <td>$342,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Charde Marshall</td>
-                                                    <td>Regional Director</td>
-                                                    <td>San Francisco</td>
-                                                    <td>36</td>
-                                                    <td>2008/10/16</td>
-                                                    <td>$470,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Haley Kennedy</td>
-                                                    <td>Senior Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>43</td>
-                                                    <td>2012/12/18</td>
-                                                    <td>$313,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Tatyana Fitzpatrick</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>19</td>
-                                                    <td>2010/03/17</td>
-                                                    <td>$385,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Silva</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>66</td>
-                                                    <td>2012/11/27</td>
-                                                    <td>$198,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Paul Byrd</td>
-                                                    <td>Chief Financial Officer (CFO)</td>
-                                                    <td>New York</td>
-                                                    <td>64</td>
-                                                    <td>2010/06/09</td>
-                                                    <td>$725,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gloria Little</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>New York</td>
-                                                    <td>59</td>
-                                                    <td>2009/04/10</td>
-                                                    <td>$237,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bradley Greer</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>41</td>
-                                                    <td>2012/10/13</td>
-                                                    <td>$132,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Dai Rios</td>
-                                                    <td>Personnel Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>35</td>
-                                                    <td>2012/09/26</td>
-                                                    <td>$217,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jenette Caldwell</td>
-                                                    <td>Development Lead</td>
-                                                    <td>New York</td>
-                                                    <td>30</td>
-                                                    <td>2011/09/03</td>
-                                                    <td>$345,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Yuri Berry</td>
-                                                    <td>Chief Marketing Officer (CMO)</td>
-                                                    <td>New York</td>
-                                                    <td>40</td>
-                                                    <td>2009/06/25</td>
-                                                    <td>$675,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Caesar Vance</td>
-                                                    <td>Pre-Sales Support</td>
-                                                    <td>New York</td>
-                                                    <td>21</td>
-                                                    <td>2011/12/12</td>
-                                                    <td>$106,450</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Doris Wilder</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>Sidney</td>
-                                                    <td>23</td>
-                                                    <td>2010/09/20</td>
-                                                    <td>$85,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Angelica Ramos</td>
-                                                    <td>Chief Executive Officer (CEO)</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2009/10/09</td>
-                                                    <td>$1,200,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Joyce</td>
-                                                    <td>Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>42</td>
-                                                    <td>2010/12/22</td>
-                                                    <td>$92,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Chang</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Singapore</td>
-                                                    <td>28</td>
-                                                    <td>2010/11/14</td>
-                                                    <td>$357,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brenden Wagner</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>28</td>
-                                                    <td>2011/06/07</td>
-                                                    <td>$206,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Fiona Green</td>
-                                                    <td>Chief Operating Officer (COO)</td>
-                                                    <td>San Francisco</td>
-                                                    <td>48</td>
-                                                    <td>2010/03/11</td>
-                                                    <td>$850,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shou Itou</td>
-                                                    <td>Regional Marketing</td>
-                                                    <td>Tokyo</td>
-                                                    <td>20</td>
-                                                    <td>2011/08/14</td>
-                                                    <td>$163,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michelle House</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Sidney</td>
-                                                    <td>37</td>
-                                                    <td>2011/06/02</td>
-                                                    <td>$95,400</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Suki Burks</td>
-                                                    <td>Developer</td>
-                                                    <td>London</td>
-                                                    <td>53</td>
-                                                    <td>2009/10/22</td>
-                                                    <td>$114,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Prescott Bartlett</td>
-                                                    <td>Technical Author</td>
-                                                    <td>London</td>
-                                                    <td>27</td>
-                                                    <td>2011/05/07</td>
-                                                    <td>$145,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Cortez</td>
-                                                    <td>Team Leader</td>
-                                                    <td>San Francisco</td>
-                                                    <td>22</td>
-                                                    <td>2008/10/26</td>
-                                                    <td>$235,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Martena Mccray</td>
-                                                    <td>Post-Sales support</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>46</td>
-                                                    <td>2011/03/09</td>
-                                                    <td>$324,050</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Unity Butler</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/12/09</td>
-                                                    <td>$85,675</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Howard Hatfield</td>
-                                                    <td>Office Manager</td>
-                                                    <td>San Francisco</td>
-                                                    <td>51</td>
-                                                    <td>2008/12/16</td>
-                                                    <td>$164,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hope Fuentes</td>
-                                                    <td>Secretary</td>
-                                                    <td>San Francisco</td>
-                                                    <td>41</td>
-                                                    <td>2010/02/12</td>
-                                                    <td>$109,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Vivian Harrell</td>
-                                                    <td>Financial Controller</td>
-                                                    <td>San Francisco</td>
-                                                    <td>62</td>
-                                                    <td>2009/02/14</td>
-                                                    <td>$452,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Timothy Mooney</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>37</td>
-                                                    <td>2008/12/11</td>
-                                                    <td>$136,200</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jackson Bradshaw</td>
-                                                    <td>Director</td>
-                                                    <td>New York</td>
-                                                    <td>65</td>
-                                                    <td>2008/09/26</td>
-                                                    <td>$645,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Olivia Liang</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2011/02/03</td>
-                                                    <td>$234,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bruno Nash</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>38</td>
-                                                    <td>2011/05/03</td>
-                                                    <td>$163,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sakura Yamamoto</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Tokyo</td>
-                                                    <td>37</td>
-                                                    <td>2009/08/19</td>
-                                                    <td>$139,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Thor Walton</td>
-                                                    <td>Developer</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2013/08/11</td>
-                                                    <td>$98,540</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Finn Camacho</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/07/07</td>
-                                                    <td>$87,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Serge Baldwin</td>
-                                                    <td>Data Coordinator</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2012/04/09</td>
-                                                    <td>$138,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zenaida Frank</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>New York</td>
-                                                    <td>63</td>
-                                                    <td>2010/01/04</td>
-                                                    <td>$125,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zorita Serrano</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>56</td>
-                                                    <td>2012/06/01</td>
-                                                    <td>$115,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Acosta</td>
-                                                    <td>Junior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>43</td>
-                                                    <td>2013/02/01</td>
-                                                    <td>$75,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cara Stevens</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>New York</td>
-                                                    <td>46</td>
-                                                    <td>2011/12/06</td>
-                                                    <td>$145,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hermione Butler</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2011/03/21</td>
-                                                    <td>$356,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lael Greer</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>London</td>
-                                                    <td>21</td>
-                                                    <td>2009/02/27</td>
-                                                    <td>$103,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jonas Alexander</td>
-                                                    <td>Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>30</td>
-                                                    <td>2010/07/14</td>
-                                                    <td>$86,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shad Decker</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>51</td>
-                                                    <td>2008/11/13</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Bruce</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>Singapore</td>
-                                                    <td>29</td>
-                                                    <td>2011/06/27</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Donna Snider</td>
-                                                    <td>Customer Support</td>
-                                                    <td>New York</td>
-                                                    <td>27</td>
-                                                    <td>2011/01/25</td>
-                                                    <td>$112,000</td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                    
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Key Data Table</h4>
-                                        <p class="text-muted font-13 mb-4">
-                                            KeyTable provides Excel like cell navigation on any table. Events (focus, blur, action etc) can be assigned to individual
-                                            cells, columns, rows or all cells.
-                                        </p>
-
-                                        <table id="key-datatable" class="table dt-responsive nowrap w-100">
-                                            <thead>
-                                                <tr>
-                                                    <th>Name</th>
-                                                    <th>Position</th>
-                                                    <th>Office</th>
-                                                    <th>Age</th>
-                                                    <th>Start date</th>
-                                                    <th>Salary</th>
-                                                </tr>
-                                            </thead>
-                                        
-                                            <tbody>
-                                                <tr>
-                                                    <td>Tiger Nixon</td>
-                                                    <td>System Architect</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>61</td>
-                                                    <td>2011/04/25</td>
-                                                    <td>$320,800</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Garrett Winters</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>63</td>
-                                                    <td>2011/07/25</td>
-                                                    <td>$170,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Ashton Cox</td>
-                                                    <td>Junior Technical Author</td>
-                                                    <td>San Francisco</td>
-                                                    <td>66</td>
-                                                    <td>2009/01/12</td>
-                                                    <td>$86,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cedric Kelly</td>
-                                                    <td>Senior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2012/03/29</td>
-                                                    <td>$433,060</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Airi Satou</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>33</td>
-                                                    <td>2008/11/28</td>
-                                                    <td>$162,700</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brielle Williamson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2012/12/02</td>
-                                                    <td>$372,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Herrod Chandler</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>San Francisco</td>
-                                                    <td>59</td>
-                                                    <td>2012/08/06</td>
-                                                    <td>$137,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Rhona Davidson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Tokyo</td>
-                                                    <td>55</td>
-                                                    <td>2010/10/14</td>
-                                                    <td>$327,900</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Colleen Hurst</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>39</td>
-                                                    <td>2009/09/15</td>
-                                                    <td>$205,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sonya Frost</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>23</td>
-                                                    <td>2008/12/13</td>
-                                                    <td>$103,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jena Gaines</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>30</td>
-                                                    <td>2008/12/19</td>
-                                                    <td>$90,560</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Quinn Flynn</td>
-                                                    <td>Support Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2013/03/03</td>
-                                                    <td>$342,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Charde Marshall</td>
-                                                    <td>Regional Director</td>
-                                                    <td>San Francisco</td>
-                                                    <td>36</td>
-                                                    <td>2008/10/16</td>
-                                                    <td>$470,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Haley Kennedy</td>
-                                                    <td>Senior Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>43</td>
-                                                    <td>2012/12/18</td>
-                                                    <td>$313,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Tatyana Fitzpatrick</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>19</td>
-                                                    <td>2010/03/17</td>
-                                                    <td>$385,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Silva</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>66</td>
-                                                    <td>2012/11/27</td>
-                                                    <td>$198,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Paul Byrd</td>
-                                                    <td>Chief Financial Officer (CFO)</td>
-                                                    <td>New York</td>
-                                                    <td>64</td>
-                                                    <td>2010/06/09</td>
-                                                    <td>$725,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gloria Little</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>New York</td>
-                                                    <td>59</td>
-                                                    <td>2009/04/10</td>
-                                                    <td>$237,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bradley Greer</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>41</td>
-                                                    <td>2012/10/13</td>
-                                                    <td>$132,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Dai Rios</td>
-                                                    <td>Personnel Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>35</td>
-                                                    <td>2012/09/26</td>
-                                                    <td>$217,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jenette Caldwell</td>
-                                                    <td>Development Lead</td>
-                                                    <td>New York</td>
-                                                    <td>30</td>
-                                                    <td>2011/09/03</td>
-                                                    <td>$345,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Yuri Berry</td>
-                                                    <td>Chief Marketing Officer (CMO)</td>
-                                                    <td>New York</td>
-                                                    <td>40</td>
-                                                    <td>2009/06/25</td>
-                                                    <td>$675,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Caesar Vance</td>
-                                                    <td>Pre-Sales Support</td>
-                                                    <td>New York</td>
-                                                    <td>21</td>
-                                                    <td>2011/12/12</td>
-                                                    <td>$106,450</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Doris Wilder</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>Sidney</td>
-                                                    <td>23</td>
-                                                    <td>2010/09/20</td>
-                                                    <td>$85,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Angelica Ramos</td>
-                                                    <td>Chief Executive Officer (CEO)</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2009/10/09</td>
-                                                    <td>$1,200,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Joyce</td>
-                                                    <td>Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>42</td>
-                                                    <td>2010/12/22</td>
-                                                    <td>$92,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Chang</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Singapore</td>
-                                                    <td>28</td>
-                                                    <td>2010/11/14</td>
-                                                    <td>$357,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brenden Wagner</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>28</td>
-                                                    <td>2011/06/07</td>
-                                                    <td>$206,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Fiona Green</td>
-                                                    <td>Chief Operating Officer (COO)</td>
-                                                    <td>San Francisco</td>
-                                                    <td>48</td>
-                                                    <td>2010/03/11</td>
-                                                    <td>$850,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shou Itou</td>
-                                                    <td>Regional Marketing</td>
-                                                    <td>Tokyo</td>
-                                                    <td>20</td>
-                                                    <td>2011/08/14</td>
-                                                    <td>$163,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michelle House</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Sidney</td>
-                                                    <td>37</td>
-                                                    <td>2011/06/02</td>
-                                                    <td>$95,400</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Suki Burks</td>
-                                                    <td>Developer</td>
-                                                    <td>London</td>
-                                                    <td>53</td>
-                                                    <td>2009/10/22</td>
-                                                    <td>$114,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Prescott Bartlett</td>
-                                                    <td>Technical Author</td>
-                                                    <td>London</td>
-                                                    <td>27</td>
-                                                    <td>2011/05/07</td>
-                                                    <td>$145,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Cortez</td>
-                                                    <td>Team Leader</td>
-                                                    <td>San Francisco</td>
-                                                    <td>22</td>
-                                                    <td>2008/10/26</td>
-                                                    <td>$235,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Martena Mccray</td>
-                                                    <td>Post-Sales support</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>46</td>
-                                                    <td>2011/03/09</td>
-                                                    <td>$324,050</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Unity Butler</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/12/09</td>
-                                                    <td>$85,675</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Howard Hatfield</td>
-                                                    <td>Office Manager</td>
-                                                    <td>San Francisco</td>
-                                                    <td>51</td>
-                                                    <td>2008/12/16</td>
-                                                    <td>$164,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hope Fuentes</td>
-                                                    <td>Secretary</td>
-                                                    <td>San Francisco</td>
-                                                    <td>41</td>
-                                                    <td>2010/02/12</td>
-                                                    <td>$109,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Vivian Harrell</td>
-                                                    <td>Financial Controller</td>
-                                                    <td>San Francisco</td>
-                                                    <td>62</td>
-                                                    <td>2009/02/14</td>
-                                                    <td>$452,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Timothy Mooney</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>37</td>
-                                                    <td>2008/12/11</td>
-                                                    <td>$136,200</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jackson Bradshaw</td>
-                                                    <td>Director</td>
-                                                    <td>New York</td>
-                                                    <td>65</td>
-                                                    <td>2008/09/26</td>
-                                                    <td>$645,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Olivia Liang</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2011/02/03</td>
-                                                    <td>$234,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bruno Nash</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>38</td>
-                                                    <td>2011/05/03</td>
-                                                    <td>$163,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sakura Yamamoto</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Tokyo</td>
-                                                    <td>37</td>
-                                                    <td>2009/08/19</td>
-                                                    <td>$139,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Thor Walton</td>
-                                                    <td>Developer</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2013/08/11</td>
-                                                    <td>$98,540</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Finn Camacho</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/07/07</td>
-                                                    <td>$87,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Serge Baldwin</td>
-                                                    <td>Data Coordinator</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2012/04/09</td>
-                                                    <td>$138,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zenaida Frank</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>New York</td>
-                                                    <td>63</td>
-                                                    <td>2010/01/04</td>
-                                                    <td>$125,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zorita Serrano</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>56</td>
-                                                    <td>2012/06/01</td>
-                                                    <td>$115,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Acosta</td>
-                                                    <td>Junior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>43</td>
-                                                    <td>2013/02/01</td>
-                                                    <td>$75,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cara Stevens</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>New York</td>
-                                                    <td>46</td>
-                                                    <td>2011/12/06</td>
-                                                    <td>$145,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hermione Butler</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2011/03/21</td>
-                                                    <td>$356,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lael Greer</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>London</td>
-                                                    <td>21</td>
-                                                    <td>2009/02/27</td>
-                                                    <td>$103,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jonas Alexander</td>
-                                                    <td>Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>30</td>
-                                                    <td>2010/07/14</td>
-                                                    <td>$86,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shad Decker</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>51</td>
-                                                    <td>2008/11/13</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Bruce</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>Singapore</td>
-                                                    <td>29</td>
-                                                    <td>2011/06/27</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Donna Snider</td>
-                                                    <td>Customer Support</td>
-                                                    <td>New York</td>
-                                                    <td>27</td>
-                                                    <td>2011/01/25</td>
-                                                    <td>$112,000</td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Alternative Pagination</h4>
-                                        <p class="text-muted font-13 mb-4">
-                                            The default page control presented by DataTables (forward and backward buttons with up to 7 page numbers in-between)
-                                            is fine for most situations, but there are cases where you may wish to customise the options presented to the end
-                                            user.
-                                        </p>
-
-                                        <table id="alternative-page-datatable" class="table dt-responsive nowrap w-100">
-                                            <thead>
-                                                <tr>
-                                                    <th>Name</th>
-                                                    <th>Position</th>
-                                                    <th>Office</th>
-                                                    <th>Age</th>
-                                                    <th>Start date</th>
-                                                    <th>Salary</th>
-                                                </tr>
-                                            </thead>
-                                        
-                                        
-                                            <tbody>
-                                                <tr>
-                                                    <td>Tiger Nixon</td>
-                                                    <td>System Architect</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>61</td>
-                                                    <td>2011/04/25</td>
-                                                    <td>$320,800</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Garrett Winters</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>63</td>
-                                                    <td>2011/07/25</td>
-                                                    <td>$170,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Ashton Cox</td>
-                                                    <td>Junior Technical Author</td>
-                                                    <td>San Francisco</td>
-                                                    <td>66</td>
-                                                    <td>2009/01/12</td>
-                                                    <td>$86,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cedric Kelly</td>
-                                                    <td>Senior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2012/03/29</td>
-                                                    <td>$433,060</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Airi Satou</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>33</td>
-                                                    <td>2008/11/28</td>
-                                                    <td>$162,700</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brielle Williamson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2012/12/02</td>
-                                                    <td>$372,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Herrod Chandler</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>San Francisco</td>
-                                                    <td>59</td>
-                                                    <td>2012/08/06</td>
-                                                    <td>$137,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Rhona Davidson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Tokyo</td>
-                                                    <td>55</td>
-                                                    <td>2010/10/14</td>
-                                                    <td>$327,900</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Colleen Hurst</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>39</td>
-                                                    <td>2009/09/15</td>
-                                                    <td>$205,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sonya Frost</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>23</td>
-                                                    <td>2008/12/13</td>
-                                                    <td>$103,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jena Gaines</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>30</td>
-                                                    <td>2008/12/19</td>
-                                                    <td>$90,560</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Quinn Flynn</td>
-                                                    <td>Support Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2013/03/03</td>
-                                                    <td>$342,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Charde Marshall</td>
-                                                    <td>Regional Director</td>
-                                                    <td>San Francisco</td>
-                                                    <td>36</td>
-                                                    <td>2008/10/16</td>
-                                                    <td>$470,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Haley Kennedy</td>
-                                                    <td>Senior Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>43</td>
-                                                    <td>2012/12/18</td>
-                                                    <td>$313,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Tatyana Fitzpatrick</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>19</td>
-                                                    <td>2010/03/17</td>
-                                                    <td>$385,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Silva</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>66</td>
-                                                    <td>2012/11/27</td>
-                                                    <td>$198,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Paul Byrd</td>
-                                                    <td>Chief Financial Officer (CFO)</td>
-                                                    <td>New York</td>
-                                                    <td>64</td>
-                                                    <td>2010/06/09</td>
-                                                    <td>$725,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gloria Little</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>New York</td>
-                                                    <td>59</td>
-                                                    <td>2009/04/10</td>
-                                                    <td>$237,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bradley Greer</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>41</td>
-                                                    <td>2012/10/13</td>
-                                                    <td>$132,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Dai Rios</td>
-                                                    <td>Personnel Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>35</td>
-                                                    <td>2012/09/26</td>
-                                                    <td>$217,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jenette Caldwell</td>
-                                                    <td>Development Lead</td>
-                                                    <td>New York</td>
-                                                    <td>30</td>
-                                                    <td>2011/09/03</td>
-                                                    <td>$345,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Yuri Berry</td>
-                                                    <td>Chief Marketing Officer (CMO)</td>
-                                                    <td>New York</td>
-                                                    <td>40</td>
-                                                    <td>2009/06/25</td>
-                                                    <td>$675,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Caesar Vance</td>
-                                                    <td>Pre-Sales Support</td>
-                                                    <td>New York</td>
-                                                    <td>21</td>
-                                                    <td>2011/12/12</td>
-                                                    <td>$106,450</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Doris Wilder</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>Sidney</td>
-                                                    <td>23</td>
-                                                    <td>2010/09/20</td>
-                                                    <td>$85,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Angelica Ramos</td>
-                                                    <td>Chief Executive Officer (CEO)</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2009/10/09</td>
-                                                    <td>$1,200,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Joyce</td>
-                                                    <td>Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>42</td>
-                                                    <td>2010/12/22</td>
-                                                    <td>$92,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Chang</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Singapore</td>
-                                                    <td>28</td>
-                                                    <td>2010/11/14</td>
-                                                    <td>$357,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brenden Wagner</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>28</td>
-                                                    <td>2011/06/07</td>
-                                                    <td>$206,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Fiona Green</td>
-                                                    <td>Chief Operating Officer (COO)</td>
-                                                    <td>San Francisco</td>
-                                                    <td>48</td>
-                                                    <td>2010/03/11</td>
-                                                    <td>$850,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shou Itou</td>
-                                                    <td>Regional Marketing</td>
-                                                    <td>Tokyo</td>
-                                                    <td>20</td>
-                                                    <td>2011/08/14</td>
-                                                    <td>$163,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michelle House</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Sidney</td>
-                                                    <td>37</td>
-                                                    <td>2011/06/02</td>
-                                                    <td>$95,400</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Suki Burks</td>
-                                                    <td>Developer</td>
-                                                    <td>London</td>
-                                                    <td>53</td>
-                                                    <td>2009/10/22</td>
-                                                    <td>$114,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Prescott Bartlett</td>
-                                                    <td>Technical Author</td>
-                                                    <td>London</td>
-                                                    <td>27</td>
-                                                    <td>2011/05/07</td>
-                                                    <td>$145,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Cortez</td>
-                                                    <td>Team Leader</td>
-                                                    <td>San Francisco</td>
-                                                    <td>22</td>
-                                                    <td>2008/10/26</td>
-                                                    <td>$235,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Martena Mccray</td>
-                                                    <td>Post-Sales support</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>46</td>
-                                                    <td>2011/03/09</td>
-                                                    <td>$324,050</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Unity Butler</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/12/09</td>
-                                                    <td>$85,675</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Howard Hatfield</td>
-                                                    <td>Office Manager</td>
-                                                    <td>San Francisco</td>
-                                                    <td>51</td>
-                                                    <td>2008/12/16</td>
-                                                    <td>$164,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hope Fuentes</td>
-                                                    <td>Secretary</td>
-                                                    <td>San Francisco</td>
-                                                    <td>41</td>
-                                                    <td>2010/02/12</td>
-                                                    <td>$109,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Vivian Harrell</td>
-                                                    <td>Financial Controller</td>
-                                                    <td>San Francisco</td>
-                                                    <td>62</td>
-                                                    <td>2009/02/14</td>
-                                                    <td>$452,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Timothy Mooney</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>37</td>
-                                                    <td>2008/12/11</td>
-                                                    <td>$136,200</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jackson Bradshaw</td>
-                                                    <td>Director</td>
-                                                    <td>New York</td>
-                                                    <td>65</td>
-                                                    <td>2008/09/26</td>
-                                                    <td>$645,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Olivia Liang</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2011/02/03</td>
-                                                    <td>$234,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bruno Nash</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>38</td>
-                                                    <td>2011/05/03</td>
-                                                    <td>$163,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sakura Yamamoto</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Tokyo</td>
-                                                    <td>37</td>
-                                                    <td>2009/08/19</td>
-                                                    <td>$139,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Thor Walton</td>
-                                                    <td>Developer</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2013/08/11</td>
-                                                    <td>$98,540</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Finn Camacho</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/07/07</td>
-                                                    <td>$87,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Serge Baldwin</td>
-                                                    <td>Data Coordinator</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2012/04/09</td>
-                                                    <td>$138,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zenaida Frank</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>New York</td>
-                                                    <td>63</td>
-                                                    <td>2010/01/04</td>
-                                                    <td>$125,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zorita Serrano</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>56</td>
-                                                    <td>2012/06/01</td>
-                                                    <td>$115,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Acosta</td>
-                                                    <td>Junior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>43</td>
-                                                    <td>2013/02/01</td>
-                                                    <td>$75,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cara Stevens</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>New York</td>
-                                                    <td>46</td>
-                                                    <td>2011/12/06</td>
-                                                    <td>$145,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hermione Butler</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2011/03/21</td>
-                                                    <td>$356,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lael Greer</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>London</td>
-                                                    <td>21</td>
-                                                    <td>2009/02/27</td>
-                                                    <td>$103,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jonas Alexander</td>
-                                                    <td>Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>30</td>
-                                                    <td>2010/07/14</td>
-                                                    <td>$86,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shad Decker</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>51</td>
-                                                    <td>2008/11/13</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Bruce</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>Singapore</td>
-                                                    <td>29</td>
-                                                    <td>2011/06/27</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Donna Snider</td>
-                                                    <td>Customer Support</td>
-                                                    <td>New York</td>
-                                                    <td>27</td>
-                                                    <td>2011/01/25</td>
-                                                    <td>$112,000</td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Scroll - Vertical</h4>
-                                        <p class="text-muted font-13 mb-4">
-                                            This example shows the DataTables table body scrolling in the vertical direction. This can generally be seen as an
-                                            alternative method to pagination for displaying a large table in a fairly small vertical area, and as such
-                                            pagination has been disabled here (note that this is not mandatory, it will work just fine with pagination enabled
-                                            as well!).
-                                        </p>
-
-                                        <table id="scroll-vertical-datatable" class="table dt-responsive nowrap w-100">
-                                            <thead>
-                                                <tr>
-                                                    <th>Name</th>
-                                                    <th>Position</th>
-                                                    <th>Office</th>
-                                                    <th>Age</th>
-                                                    <th>Start date</th>
-                                                    <th>Salary</th>
-                                                </tr>
-                                            </thead>
-                                        
-                                        
-                                            <tbody>
-                                                <tr>
-                                                    <td>Tiger Nixon</td>
-                                                    <td>System Architect</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>61</td>
-                                                    <td>2011/04/25</td>
-                                                    <td>$320,800</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Garrett Winters</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>63</td>
-                                                    <td>2011/07/25</td>
-                                                    <td>$170,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Ashton Cox</td>
-                                                    <td>Junior Technical Author</td>
-                                                    <td>San Francisco</td>
-                                                    <td>66</td>
-                                                    <td>2009/01/12</td>
-                                                    <td>$86,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cedric Kelly</td>
-                                                    <td>Senior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2012/03/29</td>
-                                                    <td>$433,060</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Airi Satou</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>33</td>
-                                                    <td>2008/11/28</td>
-                                                    <td>$162,700</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brielle Williamson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2012/12/02</td>
-                                                    <td>$372,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Herrod Chandler</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>San Francisco</td>
-                                                    <td>59</td>
-                                                    <td>2012/08/06</td>
-                                                    <td>$137,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Rhona Davidson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Tokyo</td>
-                                                    <td>55</td>
-                                                    <td>2010/10/14</td>
-                                                    <td>$327,900</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Colleen Hurst</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>39</td>
-                                                    <td>2009/09/15</td>
-                                                    <td>$205,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sonya Frost</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>23</td>
-                                                    <td>2008/12/13</td>
-                                                    <td>$103,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jena Gaines</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>30</td>
-                                                    <td>2008/12/19</td>
-                                                    <td>$90,560</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Quinn Flynn</td>
-                                                    <td>Support Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2013/03/03</td>
-                                                    <td>$342,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Charde Marshall</td>
-                                                    <td>Regional Director</td>
-                                                    <td>San Francisco</td>
-                                                    <td>36</td>
-                                                    <td>2008/10/16</td>
-                                                    <td>$470,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Haley Kennedy</td>
-                                                    <td>Senior Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>43</td>
-                                                    <td>2012/12/18</td>
-                                                    <td>$313,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Tatyana Fitzpatrick</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>19</td>
-                                                    <td>2010/03/17</td>
-                                                    <td>$385,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Silva</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>66</td>
-                                                    <td>2012/11/27</td>
-                                                    <td>$198,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Paul Byrd</td>
-                                                    <td>Chief Financial Officer (CFO)</td>
-                                                    <td>New York</td>
-                                                    <td>64</td>
-                                                    <td>2010/06/09</td>
-                                                    <td>$725,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gloria Little</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>New York</td>
-                                                    <td>59</td>
-                                                    <td>2009/04/10</td>
-                                                    <td>$237,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bradley Greer</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>41</td>
-                                                    <td>2012/10/13</td>
-                                                    <td>$132,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Dai Rios</td>
-                                                    <td>Personnel Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>35</td>
-                                                    <td>2012/09/26</td>
-                                                    <td>$217,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jenette Caldwell</td>
-                                                    <td>Development Lead</td>
-                                                    <td>New York</td>
-                                                    <td>30</td>
-                                                    <td>2011/09/03</td>
-                                                    <td>$345,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Yuri Berry</td>
-                                                    <td>Chief Marketing Officer (CMO)</td>
-                                                    <td>New York</td>
-                                                    <td>40</td>
-                                                    <td>2009/06/25</td>
-                                                    <td>$675,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Caesar Vance</td>
-                                                    <td>Pre-Sales Support</td>
-                                                    <td>New York</td>
-                                                    <td>21</td>
-                                                    <td>2011/12/12</td>
-                                                    <td>$106,450</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Doris Wilder</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>Sidney</td>
-                                                    <td>23</td>
-                                                    <td>2010/09/20</td>
-                                                    <td>$85,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Angelica Ramos</td>
-                                                    <td>Chief Executive Officer (CEO)</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2009/10/09</td>
-                                                    <td>$1,200,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Joyce</td>
-                                                    <td>Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>42</td>
-                                                    <td>2010/12/22</td>
-                                                    <td>$92,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Chang</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Singapore</td>
-                                                    <td>28</td>
-                                                    <td>2010/11/14</td>
-                                                    <td>$357,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brenden Wagner</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>28</td>
-                                                    <td>2011/06/07</td>
-                                                    <td>$206,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Fiona Green</td>
-                                                    <td>Chief Operating Officer (COO)</td>
-                                                    <td>San Francisco</td>
-                                                    <td>48</td>
-                                                    <td>2010/03/11</td>
-                                                    <td>$850,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shou Itou</td>
-                                                    <td>Regional Marketing</td>
-                                                    <td>Tokyo</td>
-                                                    <td>20</td>
-                                                    <td>2011/08/14</td>
-                                                    <td>$163,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michelle House</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Sidney</td>
-                                                    <td>37</td>
-                                                    <td>2011/06/02</td>
-                                                    <td>$95,400</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Suki Burks</td>
-                                                    <td>Developer</td>
-                                                    <td>London</td>
-                                                    <td>53</td>
-                                                    <td>2009/10/22</td>
-                                                    <td>$114,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Prescott Bartlett</td>
-                                                    <td>Technical Author</td>
-                                                    <td>London</td>
-                                                    <td>27</td>
-                                                    <td>2011/05/07</td>
-                                                    <td>$145,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Cortez</td>
-                                                    <td>Team Leader</td>
-                                                    <td>San Francisco</td>
-                                                    <td>22</td>
-                                                    <td>2008/10/26</td>
-                                                    <td>$235,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Martena Mccray</td>
-                                                    <td>Post-Sales support</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>46</td>
-                                                    <td>2011/03/09</td>
-                                                    <td>$324,050</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Unity Butler</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/12/09</td>
-                                                    <td>$85,675</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Howard Hatfield</td>
-                                                    <td>Office Manager</td>
-                                                    <td>San Francisco</td>
-                                                    <td>51</td>
-                                                    <td>2008/12/16</td>
-                                                    <td>$164,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hope Fuentes</td>
-                                                    <td>Secretary</td>
-                                                    <td>San Francisco</td>
-                                                    <td>41</td>
-                                                    <td>2010/02/12</td>
-                                                    <td>$109,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Vivian Harrell</td>
-                                                    <td>Financial Controller</td>
-                                                    <td>San Francisco</td>
-                                                    <td>62</td>
-                                                    <td>2009/02/14</td>
-                                                    <td>$452,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Timothy Mooney</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>37</td>
-                                                    <td>2008/12/11</td>
-                                                    <td>$136,200</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jackson Bradshaw</td>
-                                                    <td>Director</td>
-                                                    <td>New York</td>
-                                                    <td>65</td>
-                                                    <td>2008/09/26</td>
-                                                    <td>$645,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Olivia Liang</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2011/02/03</td>
-                                                    <td>$234,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bruno Nash</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>38</td>
-                                                    <td>2011/05/03</td>
-                                                    <td>$163,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sakura Yamamoto</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Tokyo</td>
-                                                    <td>37</td>
-                                                    <td>2009/08/19</td>
-                                                    <td>$139,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Thor Walton</td>
-                                                    <td>Developer</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2013/08/11</td>
-                                                    <td>$98,540</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Finn Camacho</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/07/07</td>
-                                                    <td>$87,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Serge Baldwin</td>
-                                                    <td>Data Coordinator</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2012/04/09</td>
-                                                    <td>$138,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zenaida Frank</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>New York</td>
-                                                    <td>63</td>
-                                                    <td>2010/01/04</td>
-                                                    <td>$125,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zorita Serrano</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>56</td>
-                                                    <td>2012/06/01</td>
-                                                    <td>$115,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Acosta</td>
-                                                    <td>Junior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>43</td>
-                                                    <td>2013/02/01</td>
-                                                    <td>$75,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cara Stevens</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>New York</td>
-                                                    <td>46</td>
-                                                    <td>2011/12/06</td>
-                                                    <td>$145,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hermione Butler</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2011/03/21</td>
-                                                    <td>$356,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lael Greer</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>London</td>
-                                                    <td>21</td>
-                                                    <td>2009/02/27</td>
-                                                    <td>$103,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jonas Alexander</td>
-                                                    <td>Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>30</td>
-                                                    <td>2010/07/14</td>
-                                                    <td>$86,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shad Decker</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>51</td>
-                                                    <td>2008/11/13</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Bruce</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>Singapore</td>
-                                                    <td>29</td>
-                                                    <td>2011/06/27</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Donna Snider</td>
-                                                    <td>Customer Support</td>
-                                                    <td>New York</td>
-                                                    <td>27</td>
-                                                    <td>2011/01/25</td>
-                                                    <td>$112,000</td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Scroll - Horizontal</h4>
-                                        <p class="text-muted font-13 mb-4">
-                                            DataTables has the ability to show tables with horizontal scrolling, which is very useful for when you have a wide
-                                            table, but want to constrain it to a limited horizontal display area.
-                                        </p>
-
-                                        <table id="scroll-horizontal-datatable" class="table w-100 nowrap">
-                                            <thead>
-                                                <tr>
-                                                    <th>First name</th>
-                                                    <th>Last name</th>
-                                                    <th>Position</th>
-                                                    <th>Office</th>
-                                                    <th>Age</th>
-                                                    <th>Start date</th>
-                                                    <th>Salary</th>
-                                                    <th>Extn.</th>
-                                                    <th>E-mail</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                    <td>Tiger</td>
-                                                    <td>Nixon</td>
-                                                    <td>System Architect</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>61</td>
-                                                    <td>2011/04/25</td>
-                                                    <td>$320,800</td>
-                                                    <td>5421</td>
-                                                    <td>t.nixon@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Garrett</td>
-                                                    <td>Winters</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>63</td>
-                                                    <td>2011/07/25</td>
-                                                    <td>$170,750</td>
-                                                    <td>8422</td>
-                                                    <td>g.winters@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Ashton</td>
-                                                    <td>Cox</td>
-                                                    <td>Junior Technical Author</td>
-                                                    <td>San Francisco</td>
-                                                    <td>66</td>
-                                                    <td>2009/01/12</td>
-                                                    <td>$86,000</td>
-                                                    <td>1562</td>
-                                                    <td>a.cox@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cedric</td>
-                                                    <td>Kelly</td>
-                                                    <td>Senior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2012/03/29</td>
-                                                    <td>$433,060</td>
-                                                    <td>6224</td>
-                                                    <td>c.kelly@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Airi</td>
-                                                    <td>Satou</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>33</td>
-                                                    <td>2008/11/28</td>
-                                                    <td>$162,700</td>
-                                                    <td>5407</td>
-                                                    <td>a.satou@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brielle</td>
-                                                    <td>Williamson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2012/12/02</td>
-                                                    <td>$372,000</td>
-                                                    <td>4804</td>
-                                                    <td>b.williamson@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Herrod</td>
-                                                    <td>Chandler</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>San Francisco</td>
-                                                    <td>59</td>
-                                                    <td>2012/08/06</td>
-                                                    <td>$137,500</td>
-                                                    <td>9608</td>
-                                                    <td>h.chandler@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Rhona</td>
-                                                    <td>Davidson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Tokyo</td>
-                                                    <td>55</td>
-                                                    <td>2010/10/14</td>
-                                                    <td>$327,900</td>
-                                                    <td>6200</td>
-                                                    <td>r.davidson@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Colleen</td>
-                                                    <td>Hurst</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>39</td>
-                                                    <td>2009/09/15</td>
-                                                    <td>$205,500</td>
-                                                    <td>2360</td>
-                                                    <td>c.hurst@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sonya</td>
-                                                    <td>Frost</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>23</td>
-                                                    <td>2008/12/13</td>
-                                                    <td>$103,600</td>
-                                                    <td>1667</td>
-                                                    <td>s.frost@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jena</td>
-                                                    <td>Gaines</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>30</td>
-                                                    <td>2008/12/19</td>
-                                                    <td>$90,560</td>
-                                                    <td>3814</td>
-                                                    <td>j.gaines@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Quinn</td>
-                                                    <td>Flynn</td>
-                                                    <td>Support Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2013/03/03</td>
-                                                    <td>$342,000</td>
-                                                    <td>9497</td>
-                                                    <td>q.flynn@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Charde</td>
-                                                    <td>Marshall</td>
-                                                    <td>Regional Director</td>
-                                                    <td>San Francisco</td>
-                                                    <td>36</td>
-                                                    <td>2008/10/16</td>
-                                                    <td>$470,600</td>
-                                                    <td>6741</td>
-                                                    <td>c.marshall@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Haley</td>
-                                                    <td>Kennedy</td>
-                                                    <td>Senior Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>43</td>
-                                                    <td>2012/12/18</td>
-                                                    <td>$313,500</td>
-                                                    <td>3597</td>
-                                                    <td>h.kennedy@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Tatyana</td>
-                                                    <td>Fitzpatrick</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>19</td>
-                                                    <td>2010/03/17</td>
-                                                    <td>$385,750</td>
-                                                    <td>1965</td>
-                                                    <td>t.fitzpatrick@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael</td>
-                                                    <td>Silva</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>66</td>
-                                                    <td>2012/11/27</td>
-                                                    <td>$198,500</td>
-                                                    <td>1581</td>
-                                                    <td>m.silva@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Paul</td>
-                                                    <td>Byrd</td>
-                                                    <td>Chief Financial Officer (CFO)</td>
-                                                    <td>New York</td>
-                                                    <td>64</td>
-                                                    <td>2010/06/09</td>
-                                                    <td>$725,000</td>
-                                                    <td>3059</td>
-                                                    <td>p.byrd@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gloria</td>
-                                                    <td>Little</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>New York</td>
-                                                    <td>59</td>
-                                                    <td>2009/04/10</td>
-                                                    <td>$237,500</td>
-                                                    <td>1721</td>
-                                                    <td>g.little@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bradley</td>
-                                                    <td>Greer</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>41</td>
-                                                    <td>2012/10/13</td>
-                                                    <td>$132,000</td>
-                                                    <td>2558</td>
-                                                    <td>b.greer@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Dai</td>
-                                                    <td>Rios</td>
-                                                    <td>Personnel Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>35</td>
-                                                    <td>2012/09/26</td>
-                                                    <td>$217,500</td>
-                                                    <td>2290</td>
-                                                    <td>d.rios@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jenette</td>
-                                                    <td>Caldwell</td>
-                                                    <td>Development Lead</td>
-                                                    <td>New York</td>
-                                                    <td>30</td>
-                                                    <td>2011/09/03</td>
-                                                    <td>$345,000</td>
-                                                    <td>1937</td>
-                                                    <td>j.caldwell@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Yuri</td>
-                                                    <td>Berry</td>
-                                                    <td>Chief Marketing Officer (CMO)</td>
-                                                    <td>New York</td>
-                                                    <td>40</td>
-                                                    <td>2009/06/25</td>
-                                                    <td>$675,000</td>
-                                                    <td>6154</td>
-                                                    <td>y.berry@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Caesar</td>
-                                                    <td>Vance</td>
-                                                    <td>Pre-Sales Support</td>
-                                                    <td>New York</td>
-                                                    <td>21</td>
-                                                    <td>2011/12/12</td>
-                                                    <td>$106,450</td>
-                                                    <td>8330</td>
-                                                    <td>c.vance@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Doris</td>
-                                                    <td>Wilder</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>Sidney</td>
-                                                    <td>23</td>
-                                                    <td>2010/09/20</td>
-                                                    <td>$85,600</td>
-                                                    <td>3023</td>
-                                                    <td>d.wilder@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Angelica</td>
-                                                    <td>Ramos</td>
-                                                    <td>Chief Executive Officer (CEO)</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2009/10/09</td>
-                                                    <td>$1,200,000</td>
-                                                    <td>5797</td>
-                                                    <td>a.ramos@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin</td>
-                                                    <td>Joyce</td>
-                                                    <td>Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>42</td>
-                                                    <td>2010/12/22</td>
-                                                    <td>$92,575</td>
-                                                    <td>8822</td>
-                                                    <td>g.joyce@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer</td>
-                                                    <td>Chang</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Singapore</td>
-                                                    <td>28</td>
-                                                    <td>2010/11/14</td>
-                                                    <td>$357,650</td>
-                                                    <td>9239</td>
-                                                    <td>j.chang@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brenden</td>
-                                                    <td>Wagner</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>28</td>
-                                                    <td>2011/06/07</td>
-                                                    <td>$206,850</td>
-                                                    <td>1314</td>
-                                                    <td>b.wagner@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Fiona</td>
-                                                    <td>Green</td>
-                                                    <td>Chief Operating Officer (COO)</td>
-                                                    <td>San Francisco</td>
-                                                    <td>48</td>
-                                                    <td>2010/03/11</td>
-                                                    <td>$850,000</td>
-                                                    <td>2947</td>
-                                                    <td>f.green@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shou</td>
-                                                    <td>Itou</td>
-                                                    <td>Regional Marketing</td>
-                                                    <td>Tokyo</td>
-                                                    <td>20</td>
-                                                    <td>2011/08/14</td>
-                                                    <td>$163,000</td>
-                                                    <td>8899</td>
-                                                    <td>s.itou@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michelle</td>
-                                                    <td>House</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Sidney</td>
-                                                    <td>37</td>
-                                                    <td>2011/06/02</td>
-                                                    <td>$95,400</td>
-                                                    <td>2769</td>
-                                                    <td>m.house@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Suki</td>
-                                                    <td>Burks</td>
-                                                    <td>Developer</td>
-                                                    <td>London</td>
-                                                    <td>53</td>
-                                                    <td>2009/10/22</td>
-                                                    <td>$114,500</td>
-                                                    <td>6832</td>
-                                                    <td>s.burks@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Prescott</td>
-                                                    <td>Bartlett</td>
-                                                    <td>Technical Author</td>
-                                                    <td>London</td>
-                                                    <td>27</td>
-                                                    <td>2011/05/07</td>
-                                                    <td>$145,000</td>
-                                                    <td>3606</td>
-                                                    <td>p.bartlett@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin</td>
-                                                    <td>Cortez</td>
-                                                    <td>Team Leader</td>
-                                                    <td>San Francisco</td>
-                                                    <td>22</td>
-                                                    <td>2008/10/26</td>
-                                                    <td>$235,500</td>
-                                                    <td>2860</td>
-                                                    <td>g.cortez@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Martena</td>
-                                                    <td>Mccray</td>
-                                                    <td>Post-Sales support</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>46</td>
-                                                    <td>2011/03/09</td>
-                                                    <td>$324,050</td>
-                                                    <td>8240</td>
-                                                    <td>m.mccray@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Unity</td>
-                                                    <td>Butler</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/12/09</td>
-                                                    <td>$85,675</td>
-                                                    <td>5384</td>
-                                                    <td>u.butler@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Howard</td>
-                                                    <td>Hatfield</td>
-                                                    <td>Office Manager</td>
-                                                    <td>San Francisco</td>
-                                                    <td>51</td>
-                                                    <td>2008/12/16</td>
-                                                    <td>$164,500</td>
-                                                    <td>7031</td>
-                                                    <td>h.hatfield@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hope</td>
-                                                    <td>Fuentes</td>
-                                                    <td>Secretary</td>
-                                                    <td>San Francisco</td>
-                                                    <td>41</td>
-                                                    <td>2010/02/12</td>
-                                                    <td>$109,850</td>
-                                                    <td>6318</td>
-                                                    <td>h.fuentes@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Vivian</td>
-                                                    <td>Harrell</td>
-                                                    <td>Financial Controller</td>
-                                                    <td>San Francisco</td>
-                                                    <td>62</td>
-                                                    <td>2009/02/14</td>
-                                                    <td>$452,500</td>
-                                                    <td>9422</td>
-                                                    <td>v.harrell@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Timothy</td>
-                                                    <td>Mooney</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>37</td>
-                                                    <td>2008/12/11</td>
-                                                    <td>$136,200</td>
-                                                    <td>7580</td>
-                                                    <td>t.mooney@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jackson</td>
-                                                    <td>Bradshaw</td>
-                                                    <td>Director</td>
-                                                    <td>New York</td>
-                                                    <td>65</td>
-                                                    <td>2008/09/26</td>
-                                                    <td>$645,750</td>
-                                                    <td>1042</td>
-                                                    <td>j.bradshaw@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Olivia</td>
-                                                    <td>Liang</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2011/02/03</td>
-                                                    <td>$234,500</td>
-                                                    <td>2120</td>
-                                                    <td>o.liang@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bruno</td>
-                                                    <td>Nash</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>38</td>
-                                                    <td>2011/05/03</td>
-                                                    <td>$163,500</td>
-                                                    <td>6222</td>
-                                                    <td>b.nash@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sakura</td>
-                                                    <td>Yamamoto</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Tokyo</td>
-                                                    <td>37</td>
-                                                    <td>2009/08/19</td>
-                                                    <td>$139,575</td>
-                                                    <td>9383</td>
-                                                    <td>s.yamamoto@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Thor</td>
-                                                    <td>Walton</td>
-                                                    <td>Developer</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2013/08/11</td>
-                                                    <td>$98,540</td>
-                                                    <td>8327</td>
-                                                    <td>t.walton@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Finn</td>
-                                                    <td>Camacho</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/07/07</td>
-                                                    <td>$87,500</td>
-                                                    <td>2927</td>
-                                                    <td>f.camacho@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Serge</td>
-                                                    <td>Baldwin</td>
-                                                    <td>Data Coordinator</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2012/04/09</td>
-                                                    <td>$138,575</td>
-                                                    <td>8352</td>
-                                                    <td>s.baldwin@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zenaida</td>
-                                                    <td>Frank</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>New York</td>
-                                                    <td>63</td>
-                                                    <td>2010/01/04</td>
-                                                    <td>$125,250</td>
-                                                    <td>7439</td>
-                                                    <td>z.frank@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zorita</td>
-                                                    <td>Serrano</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>56</td>
-                                                    <td>2012/06/01</td>
-                                                    <td>$115,000</td>
-                                                    <td>4389</td>
-                                                    <td>z.serrano@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer</td>
-                                                    <td>Acosta</td>
-                                                    <td>Junior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>43</td>
-                                                    <td>2013/02/01</td>
-                                                    <td>$75,650</td>
-                                                    <td>3431</td>
-                                                    <td>j.acosta@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cara</td>
-                                                    <td>Stevens</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>New York</td>
-                                                    <td>46</td>
-                                                    <td>2011/12/06</td>
-                                                    <td>$145,600</td>
-                                                    <td>3990</td>
-                                                    <td>c.stevens@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hermione</td>
-                                                    <td>Butler</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2011/03/21</td>
-                                                    <td>$356,250</td>
-                                                    <td>1016</td>
-                                                    <td>h.butler@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lael</td>
-                                                    <td>Greer</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>London</td>
-                                                    <td>21</td>
-                                                    <td>2009/02/27</td>
-                                                    <td>$103,500</td>
-                                                    <td>6733</td>
-                                                    <td>l.greer@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jonas</td>
-                                                    <td>Alexander</td>
-                                                    <td>Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>30</td>
-                                                    <td>2010/07/14</td>
-                                                    <td>$86,500</td>
-                                                    <td>8196</td>
-                                                    <td>j.alexander@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shad</td>
-                                                    <td>Decker</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>51</td>
-                                                    <td>2008/11/13</td>
-                                                    <td>$183,000</td>
-                                                    <td>6373</td>
-                                                    <td>s.decker@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael</td>
-                                                    <td>Bruce</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>Singapore</td>
-                                                    <td>29</td>
-                                                    <td>2011/06/27</td>
-                                                    <td>$183,000</td>
-                                                    <td>5384</td>
-                                                    <td>m.bruce@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Donna</td>
-                                                    <td>Snider</td>
-                                                    <td>Customer Support</td>
-                                                    <td>New York</td>
-                                                    <td>27</td>
-                                                    <td>2011/01/25</td>
-                                                    <td>$112,000</td>
-                                                    <td>4226</td>
-                                                    <td>d.snider@datatables.net</td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Complex headers with column visibility</h4>
-                                        <p class="text-muted font-13 mb-4">
-                                            Complex headers (using <code>colspan</code> / <code>rowspan</code>) can be used to group columns of similar information in DataTables, creating a very powerful visual effect.
-                                        </p>
-
-                                        <table id="complex-header-datatable" class="table dt-responsive nowrap w-100">
-                                            <thead class="thead-light">
-                                                <tr>
-                                                    <th rowspan="2" class="align-middle">Name</th>
-                                                    <th colspan="2">HR Information</th>
-                                                    <th colspan="3">Contact</th>
-                                                </tr>
-                                                <tr>
-                                                    <th>Position</th>
-                                                    <th>Salary</th>
-                                                    <th>Office</th>
-                                                    <th>Extn.</th>
-                                                    <th>E-mail</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                    <td>Tiger Nixon</td>
-                                                    <td>System Architect</td>
-                                                    <td>$320,800</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>5421</td>
-                                                    <td>t.nixon@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Garrett Winters</td>
-                                                    <td>Accountant</td>
-                                                    <td>$170,750</td>
-                                                    <td>Tokyo</td>
-                                                    <td>8422</td>
-                                                    <td>g.winters@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Ashton Cox</td>
-                                                    <td>Junior Technical Author</td>
-                                                    <td>$86,000</td>
-                                                    <td>San Francisco</td>
-                                                    <td>1562</td>
-                                                    <td>a.cox@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cedric Kelly</td>
-                                                    <td>Senior Javascript Developer</td>
-                                                    <td>$433,060</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>6224</td>
-                                                    <td>c.kelly@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Airi Satou</td>
-                                                    <td>Accountant</td>
-                                                    <td>$162,700</td>
-                                                    <td>Tokyo</td>
-                                                    <td>5407</td>
-                                                    <td>a.satou@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brielle Williamson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>$372,000</td>
-                                                    <td>New York</td>
-                                                    <td>4804</td>
-                                                    <td>b.williamson@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Herrod Chandler</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>$137,500</td>
-                                                    <td>San Francisco</td>
-                                                    <td>9608</td>
-                                                    <td>h.chandler@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Rhona Davidson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>$327,900</td>
-                                                    <td>Tokyo</td>
-                                                    <td>6200</td>
-                                                    <td>r.davidson@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Colleen Hurst</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>$205,500</td>
-                                                    <td>San Francisco</td>
-                                                    <td>2360</td>
-                                                    <td>c.hurst@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sonya Frost</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>$103,600</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>1667</td>
-                                                    <td>s.frost@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jena Gaines</td>
-                                                    <td>Office Manager</td>
-                                                    <td>$90,560</td>
-                                                    <td>London</td>
-                                                    <td>3814</td>
-                                                    <td>j.gaines@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Quinn Flynn</td>
-                                                    <td>Support Lead</td>
-                                                    <td>$342,000</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>9497</td>
-                                                    <td>q.flynn@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Charde Marshall</td>
-                                                    <td>Regional Director</td>
-                                                    <td>$470,600</td>
-                                                    <td>San Francisco</td>
-                                                    <td>6741</td>
-                                                    <td>c.marshall@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Haley Kennedy</td>
-                                                    <td>Senior Marketing Designer</td>
-                                                    <td>$313,500</td>
-                                                    <td>London</td>
-                                                    <td>3597</td>
-                                                    <td>h.kennedy@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Tatyana Fitzpatrick</td>
-                                                    <td>Regional Director</td>
-                                                    <td>$385,750</td>
-                                                    <td>London</td>
-                                                    <td>1965</td>
-                                                    <td>t.fitzpatrick@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Silva</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>$198,500</td>
-                                                    <td>London</td>
-                                                    <td>1581</td>
-                                                    <td>m.silva@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Paul Byrd</td>
-                                                    <td>Chief Financial Officer (CFO)</td>
-                                                    <td>$725,000</td>
-                                                    <td>New York</td>
-                                                    <td>3059</td>
-                                                    <td>p.byrd@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gloria Little</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>$237,500</td>
-                                                    <td>New York</td>
-                                                    <td>1721</td>
-                                                    <td>g.little@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bradley Greer</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>$132,000</td>
-                                                    <td>London</td>
-                                                    <td>2558</td>
-                                                    <td>b.greer@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Dai Rios</td>
-                                                    <td>Personnel Lead</td>
-                                                    <td>$217,500</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>2290</td>
-                                                    <td>d.rios@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jenette Caldwell</td>
-                                                    <td>Development Lead</td>
-                                                    <td>$345,000</td>
-                                                    <td>New York</td>
-                                                    <td>1937</td>
-                                                    <td>j.caldwell@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Yuri Berry</td>
-                                                    <td>Chief Marketing Officer (CMO)</td>
-                                                    <td>$675,000</td>
-                                                    <td>New York</td>
-                                                    <td>6154</td>
-                                                    <td>y.berry@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Caesar Vance</td>
-                                                    <td>Pre-Sales Support</td>
-                                                    <td>$106,450</td>
-                                                    <td>New York</td>
-                                                    <td>8330</td>
-                                                    <td>c.vance@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Doris Wilder</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>$85,600</td>
-                                                    <td>Sidney</td>
-                                                    <td>3023</td>
-                                                    <td>d.wilder@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Angelica Ramos</td>
-                                                    <td>Chief Executive Officer (CEO)</td>
-                                                    <td>$1,200,000</td>
-                                                    <td>London</td>
-                                                    <td>5797</td>
-                                                    <td>a.ramos@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Joyce</td>
-                                                    <td>Developer</td>
-                                                    <td>$92,575</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>8822</td>
-                                                    <td>g.joyce@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Chang</td>
-                                                    <td>Regional Director</td>
-                                                    <td>$357,650</td>
-                                                    <td>Singapore</td>
-                                                    <td>9239</td>
-                                                    <td>j.chang@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brenden Wagner</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>$206,850</td>
-                                                    <td>San Francisco</td>
-                                                    <td>1314</td>
-                                                    <td>b.wagner@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Fiona Green</td>
-                                                    <td>Chief Operating Officer (COO)</td>
-                                                    <td>$850,000</td>
-                                                    <td>San Francisco</td>
-                                                    <td>2947</td>
-                                                    <td>f.green@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shou Itou</td>
-                                                    <td>Regional Marketing</td>
-                                                    <td>$163,000</td>
-                                                    <td>Tokyo</td>
-                                                    <td>8899</td>
-                                                    <td>s.itou@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michelle House</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>$95,400</td>
-                                                    <td>Sidney</td>
-                                                    <td>2769</td>
-                                                    <td>m.house@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Suki Burks</td>
-                                                    <td>Developer</td>
-                                                    <td>$114,500</td>
-                                                    <td>London</td>
-                                                    <td>6832</td>
-                                                    <td>s.burks@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Prescott Bartlett</td>
-                                                    <td>Technical Author</td>
-                                                    <td>$145,000</td>
-                                                    <td>London</td>
-                                                    <td>3606</td>
-                                                    <td>p.bartlett@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Cortez</td>
-                                                    <td>Team Leader</td>
-                                                    <td>$235,500</td>
-                                                    <td>San Francisco</td>
-                                                    <td>2860</td>
-                                                    <td>g.cortez@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Martena Mccray</td>
-                                                    <td>Post-Sales support</td>
-                                                    <td>$324,050</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>8240</td>
-                                                    <td>m.mccray@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Unity Butler</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>$85,675</td>
-                                                    <td>San Francisco</td>
-                                                    <td>5384</td>
-                                                    <td>u.butler@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Howard Hatfield</td>
-                                                    <td>Office Manager</td>
-                                                    <td>$164,500</td>
-                                                    <td>San Francisco</td>
-                                                    <td>7031</td>
-                                                    <td>h.hatfield@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hope Fuentes</td>
-                                                    <td>Secretary</td>
-                                                    <td>$109,850</td>
-                                                    <td>San Francisco</td>
-                                                    <td>6318</td>
-                                                    <td>h.fuentes@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Vivian Harrell</td>
-                                                    <td>Financial Controller</td>
-                                                    <td>$452,500</td>
-                                                    <td>San Francisco</td>
-                                                    <td>9422</td>
-                                                    <td>v.harrell@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Timothy Mooney</td>
-                                                    <td>Office Manager</td>
-                                                    <td>$136,200</td>
-                                                    <td>London</td>
-                                                    <td>7580</td>
-                                                    <td>t.mooney@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jackson Bradshaw</td>
-                                                    <td>Director</td>
-                                                    <td>$645,750</td>
-                                                    <td>New York</td>
-                                                    <td>1042</td>
-                                                    <td>j.bradshaw@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Olivia Liang</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>$234,500</td>
-                                                    <td>Singapore</td>
-                                                    <td>2120</td>
-                                                    <td>o.liang@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bruno Nash</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>$163,500</td>
-                                                    <td>London</td>
-                                                    <td>6222</td>
-                                                    <td>b.nash@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sakura Yamamoto</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>$139,575</td>
-                                                    <td>Tokyo</td>
-                                                    <td>9383</td>
-                                                    <td>s.yamamoto@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Thor Walton</td>
-                                                    <td>Developer</td>
-                                                    <td>$98,540</td>
-                                                    <td>New York</td>
-                                                    <td>8327</td>
-                                                    <td>t.walton@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Finn Camacho</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>$87,500</td>
-                                                    <td>San Francisco</td>
-                                                    <td>2927</td>
-                                                    <td>f.camacho@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Serge Baldwin</td>
-                                                    <td>Data Coordinator</td>
-                                                    <td>$138,575</td>
-                                                    <td>Singapore</td>
-                                                    <td>8352</td>
-                                                    <td>s.baldwin@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zenaida Frank</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>$125,250</td>
-                                                    <td>New York</td>
-                                                    <td>7439</td>
-                                                    <td>z.frank@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zorita Serrano</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>$115,000</td>
-                                                    <td>San Francisco</td>
-                                                    <td>4389</td>
-                                                    <td>z.serrano@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Acosta</td>
-                                                    <td>Junior Javascript Developer</td>
-                                                    <td>$75,650</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>3431</td>
-                                                    <td>j.acosta@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cara Stevens</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>$145,600</td>
-                                                    <td>New York</td>
-                                                    <td>3990</td>
-                                                    <td>c.stevens@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hermione Butler</td>
-                                                    <td>Regional Director</td>
-                                                    <td>$356,250</td>
-                                                    <td>London</td>
-                                                    <td>1016</td>
-                                                    <td>h.butler@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lael Greer</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>$103,500</td>
-                                                    <td>London</td>
-                                                    <td>6733</td>
-                                                    <td>l.greer@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jonas Alexander</td>
-                                                    <td>Developer</td>
-                                                    <td>$86,500</td>
-                                                    <td>San Francisco</td>
-                                                    <td>8196</td>
-                                                    <td>j.alexander@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shad Decker</td>
-                                                    <td>Regional Director</td>
-                                                    <td>$183,000</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>6373</td>
-                                                    <td>s.decker@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Bruce</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>$183,000</td>
-                                                    <td>Singapore</td>
-                                                    <td>5384</td>
-                                                    <td>m.bruce@datatables.net</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Donna Snider</td>
-                                                    <td>Customer Support</td>
-                                                    <td>$112,000</td>
-                                                    <td>New York</td>
-                                                    <td>4226</td>
-                                                    <td>d.snider@datatables.net</td>
-                                                </tr>
-                                            </tbody>
-                                            <tfoot>
-                                                <tr>
-                                                    <th>Name</th>
-                                                    <th>Position</th>
-                                                    <th>Salary</th>
-                                                    <th>Office</th>
-                                                    <th>Extn.</th>
-                                                    <th>E-mail</th>
-                                                </tr>
-                                            </tfoot>
-                                        </table>
-
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Row Created Callback</h4>
-                                        <p class="text-muted font-13 mb-4">
-                                            The following example shows how a callback function can be used to format a particular row at draw time. For each
-                                            row that is generated for display, the createdRow function is called once and once only. It is passed the create row
-                                            node which can then be modified.
-                                        </p>
-
-                                        <table id="row-callback-datatable" class="table dt-responsive nowrap w-100">
-                                            <thead>
-                                                <tr>
-                                                    <th>Name</th>
-                                                    <th>Position</th>
-                                                    <th>Office</th>
-                                                    <th>Age</th>
-                                                    <th>Start date</th>
-                                                    <th>Salary</th>
-                                                </tr>
-                                            </thead>
-                                            <tbody>
-                                                <tr>
-                                                    <td>Tiger Nixon</td>
-                                                    <td>System Architect</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>61</td>
-                                                    <td>2011/04/25</td>
-                                                    <td>$320,800</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Garrett Winters</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>63</td>
-                                                    <td>2011/07/25</td>
-                                                    <td>$170,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Ashton Cox</td>
-                                                    <td>Junior Technical Author</td>
-                                                    <td>San Francisco</td>
-                                                    <td>66</td>
-                                                    <td>2009/01/12</td>
-                                                    <td>$86,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cedric Kelly</td>
-                                                    <td>Senior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2012/03/29</td>
-                                                    <td>$433,060</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Airi Satou</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>33</td>
-                                                    <td>2008/11/28</td>
-                                                    <td>$162,700</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brielle Williamson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2012/12/02</td>
-                                                    <td>$372,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Herrod Chandler</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>San Francisco</td>
-                                                    <td>59</td>
-                                                    <td>2012/08/06</td>
-                                                    <td>$137,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Rhona Davidson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Tokyo</td>
-                                                    <td>55</td>
-                                                    <td>2010/10/14</td>
-                                                    <td>$327,900</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Colleen Hurst</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>39</td>
-                                                    <td>2009/09/15</td>
-                                                    <td>$205,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sonya Frost</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>23</td>
-                                                    <td>2008/12/13</td>
-                                                    <td>$103,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jena Gaines</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>30</td>
-                                                    <td>2008/12/19</td>
-                                                    <td>$90,560</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Quinn Flynn</td>
-                                                    <td>Support Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2013/03/03</td>
-                                                    <td>$342,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Charde Marshall</td>
-                                                    <td>Regional Director</td>
-                                                    <td>San Francisco</td>
-                                                    <td>36</td>
-                                                    <td>2008/10/16</td>
-                                                    <td>$470,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Haley Kennedy</td>
-                                                    <td>Senior Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>43</td>
-                                                    <td>2012/12/18</td>
-                                                    <td>$313,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Tatyana Fitzpatrick</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>19</td>
-                                                    <td>2010/03/17</td>
-                                                    <td>$385,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Silva</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>66</td>
-                                                    <td>2012/11/27</td>
-                                                    <td>$198,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Paul Byrd</td>
-                                                    <td>Chief Financial Officer (CFO)</td>
-                                                    <td>New York</td>
-                                                    <td>64</td>
-                                                    <td>2010/06/09</td>
-                                                    <td>$725,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gloria Little</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>New York</td>
-                                                    <td>59</td>
-                                                    <td>2009/04/10</td>
-                                                    <td>$237,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bradley Greer</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>41</td>
-                                                    <td>2012/10/13</td>
-                                                    <td>$132,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Dai Rios</td>
-                                                    <td>Personnel Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>35</td>
-                                                    <td>2012/09/26</td>
-                                                    <td>$217,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jenette Caldwell</td>
-                                                    <td>Development Lead</td>
-                                                    <td>New York</td>
-                                                    <td>30</td>
-                                                    <td>2011/09/03</td>
-                                                    <td>$345,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Yuri Berry</td>
-                                                    <td>Chief Marketing Officer (CMO)</td>
-                                                    <td>New York</td>
-                                                    <td>40</td>
-                                                    <td>2009/06/25</td>
-                                                    <td>$675,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Caesar Vance</td>
-                                                    <td>Pre-Sales Support</td>
-                                                    <td>New York</td>
-                                                    <td>21</td>
-                                                    <td>2011/12/12</td>
-                                                    <td>$106,450</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Doris Wilder</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>Sidney</td>
-                                                    <td>23</td>
-                                                    <td>2010/09/20</td>
-                                                    <td>$85,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Angelica Ramos</td>
-                                                    <td>Chief Executive Officer (CEO)</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2009/10/09</td>
-                                                    <td>$1,200,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Joyce</td>
-                                                    <td>Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>42</td>
-                                                    <td>2010/12/22</td>
-                                                    <td>$92,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Chang</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Singapore</td>
-                                                    <td>28</td>
-                                                    <td>2010/11/14</td>
-                                                    <td>$357,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brenden Wagner</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>28</td>
-                                                    <td>2011/06/07</td>
-                                                    <td>$206,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Fiona Green</td>
-                                                    <td>Chief Operating Officer (COO)</td>
-                                                    <td>San Francisco</td>
-                                                    <td>48</td>
-                                                    <td>2010/03/11</td>
-                                                    <td>$850,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shou Itou</td>
-                                                    <td>Regional Marketing</td>
-                                                    <td>Tokyo</td>
-                                                    <td>20</td>
-                                                    <td>2011/08/14</td>
-                                                    <td>$163,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michelle House</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Sidney</td>
-                                                    <td>37</td>
-                                                    <td>2011/06/02</td>
-                                                    <td>$95,400</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Suki Burks</td>
-                                                    <td>Developer</td>
-                                                    <td>London</td>
-                                                    <td>53</td>
-                                                    <td>2009/10/22</td>
-                                                    <td>$114,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Prescott Bartlett</td>
-                                                    <td>Technical Author</td>
-                                                    <td>London</td>
-                                                    <td>27</td>
-                                                    <td>2011/05/07</td>
-                                                    <td>$145,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Cortez</td>
-                                                    <td>Team Leader</td>
-                                                    <td>San Francisco</td>
-                                                    <td>22</td>
-                                                    <td>2008/10/26</td>
-                                                    <td>$235,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Martena Mccray</td>
-                                                    <td>Post-Sales support</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>46</td>
-                                                    <td>2011/03/09</td>
-                                                    <td>$324,050</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Unity Butler</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/12/09</td>
-                                                    <td>$85,675</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Howard Hatfield</td>
-                                                    <td>Office Manager</td>
-                                                    <td>San Francisco</td>
-                                                    <td>51</td>
-                                                    <td>2008/12/16</td>
-                                                    <td>$164,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hope Fuentes</td>
-                                                    <td>Secretary</td>
-                                                    <td>San Francisco</td>
-                                                    <td>41</td>
-                                                    <td>2010/02/12</td>
-                                                    <td>$109,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Vivian Harrell</td>
-                                                    <td>Financial Controller</td>
-                                                    <td>San Francisco</td>
-                                                    <td>62</td>
-                                                    <td>2009/02/14</td>
-                                                    <td>$452,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Timothy Mooney</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>37</td>
-                                                    <td>2008/12/11</td>
-                                                    <td>$136,200</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jackson Bradshaw</td>
-                                                    <td>Director</td>
-                                                    <td>New York</td>
-                                                    <td>65</td>
-                                                    <td>2008/09/26</td>
-                                                    <td>$645,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Olivia Liang</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2011/02/03</td>
-                                                    <td>$234,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bruno Nash</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>38</td>
-                                                    <td>2011/05/03</td>
-                                                    <td>$163,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sakura Yamamoto</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Tokyo</td>
-                                                    <td>37</td>
-                                                    <td>2009/08/19</td>
-                                                    <td>$139,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Thor Walton</td>
-                                                    <td>Developer</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2013/08/11</td>
-                                                    <td>$98,540</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Finn Camacho</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/07/07</td>
-                                                    <td>$87,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Serge Baldwin</td>
-                                                    <td>Data Coordinator</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2012/04/09</td>
-                                                    <td>$138,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zenaida Frank</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>New York</td>
-                                                    <td>63</td>
-                                                    <td>2010/01/04</td>
-                                                    <td>$125,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zorita Serrano</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>56</td>
-                                                    <td>2012/06/01</td>
-                                                    <td>$115,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Acosta</td>
-                                                    <td>Junior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>43</td>
-                                                    <td>2013/02/01</td>
-                                                    <td>$75,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cara Stevens</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>New York</td>
-                                                    <td>46</td>
-                                                    <td>2011/12/06</td>
-                                                    <td>$145,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hermione Butler</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2011/03/21</td>
-                                                    <td>$356,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lael Greer</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>London</td>
-                                                    <td>21</td>
-                                                    <td>2009/02/27</td>
-                                                    <td>$103,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jonas Alexander</td>
-                                                    <td>Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>30</td>
-                                                    <td>2010/07/14</td>
-                                                    <td>$86,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shad Decker</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>51</td>
-                                                    <td>2008/11/13</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Bruce</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>Singapore</td>
-                                                    <td>29</td>
-                                                    <td>2011/06/27</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Donna Snider</td>
-                                                    <td>Customer Support</td>
-                                                    <td>New York</td>
-                                                    <td>27</td>
-                                                    <td>2011/01/25</td>
-                                                    <td>$112,000</td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row-->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">State Saving</h4>
-                                        <p class="text-muted font-13 mb-4">
-                                            DataTables has the option of being able to save the state of a table (its paging position, ordering state etc) so
-                                            that is can be restored when the user reloads a page, or comes back to the page after visiting a sub-page. This
-                                            state saving ability is enabled by the stateSave option.
-                                        </p>
-
-                                        <table id="state-saving-datatable" class="table activate-select dt-responsive nowrap w-100">
-                                            <thead>
-                                                <tr>
-                                                    <th>Name</th>
-                                                    <th>Position</th>
-                                                    <th>Office</th>
-                                                    <th>Age</th>
-                                                    <th>Start date</th>
-                                                    <th>Salary</th>
-                                                </tr>
-                                            </thead>
-                                        
-                                            <tbody>
-                                                <tr>
-                                                    <td>Tiger Nixon</td>
-                                                    <td>System Architect</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>61</td>
-                                                    <td>2011/04/25</td>
-                                                    <td>$320,800</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Garrett Winters</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>63</td>
-                                                    <td>2011/07/25</td>
-                                                    <td>$170,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Ashton Cox</td>
-                                                    <td>Junior Technical Author</td>
-                                                    <td>San Francisco</td>
-                                                    <td>66</td>
-                                                    <td>2009/01/12</td>
-                                                    <td>$86,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cedric Kelly</td>
-                                                    <td>Senior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2012/03/29</td>
-                                                    <td>$433,060</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Airi Satou</td>
-                                                    <td>Accountant</td>
-                                                    <td>Tokyo</td>
-                                                    <td>33</td>
-                                                    <td>2008/11/28</td>
-                                                    <td>$162,700</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brielle Williamson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2012/12/02</td>
-                                                    <td>$372,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Herrod Chandler</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>San Francisco</td>
-                                                    <td>59</td>
-                                                    <td>2012/08/06</td>
-                                                    <td>$137,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Rhona Davidson</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Tokyo</td>
-                                                    <td>55</td>
-                                                    <td>2010/10/14</td>
-                                                    <td>$327,900</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Colleen Hurst</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>39</td>
-                                                    <td>2009/09/15</td>
-                                                    <td>$205,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sonya Frost</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>23</td>
-                                                    <td>2008/12/13</td>
-                                                    <td>$103,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jena Gaines</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>30</td>
-                                                    <td>2008/12/19</td>
-                                                    <td>$90,560</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Quinn Flynn</td>
-                                                    <td>Support Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>22</td>
-                                                    <td>2013/03/03</td>
-                                                    <td>$342,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Charde Marshall</td>
-                                                    <td>Regional Director</td>
-                                                    <td>San Francisco</td>
-                                                    <td>36</td>
-                                                    <td>2008/10/16</td>
-                                                    <td>$470,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Haley Kennedy</td>
-                                                    <td>Senior Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>43</td>
-                                                    <td>2012/12/18</td>
-                                                    <td>$313,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Tatyana Fitzpatrick</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>19</td>
-                                                    <td>2010/03/17</td>
-                                                    <td>$385,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Silva</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>London</td>
-                                                    <td>66</td>
-                                                    <td>2012/11/27</td>
-                                                    <td>$198,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Paul Byrd</td>
-                                                    <td>Chief Financial Officer (CFO)</td>
-                                                    <td>New York</td>
-                                                    <td>64</td>
-                                                    <td>2010/06/09</td>
-                                                    <td>$725,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gloria Little</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>New York</td>
-                                                    <td>59</td>
-                                                    <td>2009/04/10</td>
-                                                    <td>$237,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bradley Greer</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>41</td>
-                                                    <td>2012/10/13</td>
-                                                    <td>$132,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Dai Rios</td>
-                                                    <td>Personnel Lead</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>35</td>
-                                                    <td>2012/09/26</td>
-                                                    <td>$217,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jenette Caldwell</td>
-                                                    <td>Development Lead</td>
-                                                    <td>New York</td>
-                                                    <td>30</td>
-                                                    <td>2011/09/03</td>
-                                                    <td>$345,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Yuri Berry</td>
-                                                    <td>Chief Marketing Officer (CMO)</td>
-                                                    <td>New York</td>
-                                                    <td>40</td>
-                                                    <td>2009/06/25</td>
-                                                    <td>$675,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Caesar Vance</td>
-                                                    <td>Pre-Sales Support</td>
-                                                    <td>New York</td>
-                                                    <td>21</td>
-                                                    <td>2011/12/12</td>
-                                                    <td>$106,450</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Doris Wilder</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>Sidney</td>
-                                                    <td>23</td>
-                                                    <td>2010/09/20</td>
-                                                    <td>$85,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Angelica Ramos</td>
-                                                    <td>Chief Executive Officer (CEO)</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2009/10/09</td>
-                                                    <td>$1,200,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Joyce</td>
-                                                    <td>Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>42</td>
-                                                    <td>2010/12/22</td>
-                                                    <td>$92,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Chang</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Singapore</td>
-                                                    <td>28</td>
-                                                    <td>2010/11/14</td>
-                                                    <td>$357,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Brenden Wagner</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>28</td>
-                                                    <td>2011/06/07</td>
-                                                    <td>$206,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Fiona Green</td>
-                                                    <td>Chief Operating Officer (COO)</td>
-                                                    <td>San Francisco</td>
-                                                    <td>48</td>
-                                                    <td>2010/03/11</td>
-                                                    <td>$850,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shou Itou</td>
-                                                    <td>Regional Marketing</td>
-                                                    <td>Tokyo</td>
-                                                    <td>20</td>
-                                                    <td>2011/08/14</td>
-                                                    <td>$163,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michelle House</td>
-                                                    <td>Integration Specialist</td>
-                                                    <td>Sidney</td>
-                                                    <td>37</td>
-                                                    <td>2011/06/02</td>
-                                                    <td>$95,400</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Suki Burks</td>
-                                                    <td>Developer</td>
-                                                    <td>London</td>
-                                                    <td>53</td>
-                                                    <td>2009/10/22</td>
-                                                    <td>$114,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Prescott Bartlett</td>
-                                                    <td>Technical Author</td>
-                                                    <td>London</td>
-                                                    <td>27</td>
-                                                    <td>2011/05/07</td>
-                                                    <td>$145,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Gavin Cortez</td>
-                                                    <td>Team Leader</td>
-                                                    <td>San Francisco</td>
-                                                    <td>22</td>
-                                                    <td>2008/10/26</td>
-                                                    <td>$235,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Martena Mccray</td>
-                                                    <td>Post-Sales support</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>46</td>
-                                                    <td>2011/03/09</td>
-                                                    <td>$324,050</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Unity Butler</td>
-                                                    <td>Marketing Designer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/12/09</td>
-                                                    <td>$85,675</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Howard Hatfield</td>
-                                                    <td>Office Manager</td>
-                                                    <td>San Francisco</td>
-                                                    <td>51</td>
-                                                    <td>2008/12/16</td>
-                                                    <td>$164,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hope Fuentes</td>
-                                                    <td>Secretary</td>
-                                                    <td>San Francisco</td>
-                                                    <td>41</td>
-                                                    <td>2010/02/12</td>
-                                                    <td>$109,850</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Vivian Harrell</td>
-                                                    <td>Financial Controller</td>
-                                                    <td>San Francisco</td>
-                                                    <td>62</td>
-                                                    <td>2009/02/14</td>
-                                                    <td>$452,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Timothy Mooney</td>
-                                                    <td>Office Manager</td>
-                                                    <td>London</td>
-                                                    <td>37</td>
-                                                    <td>2008/12/11</td>
-                                                    <td>$136,200</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jackson Bradshaw</td>
-                                                    <td>Director</td>
-                                                    <td>New York</td>
-                                                    <td>65</td>
-                                                    <td>2008/09/26</td>
-                                                    <td>$645,750</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Olivia Liang</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2011/02/03</td>
-                                                    <td>$234,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Bruno Nash</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>London</td>
-                                                    <td>38</td>
-                                                    <td>2011/05/03</td>
-                                                    <td>$163,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Sakura Yamamoto</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>Tokyo</td>
-                                                    <td>37</td>
-                                                    <td>2009/08/19</td>
-                                                    <td>$139,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Thor Walton</td>
-                                                    <td>Developer</td>
-                                                    <td>New York</td>
-                                                    <td>61</td>
-                                                    <td>2013/08/11</td>
-                                                    <td>$98,540</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Finn Camacho</td>
-                                                    <td>Support Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>47</td>
-                                                    <td>2009/07/07</td>
-                                                    <td>$87,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Serge Baldwin</td>
-                                                    <td>Data Coordinator</td>
-                                                    <td>Singapore</td>
-                                                    <td>64</td>
-                                                    <td>2012/04/09</td>
-                                                    <td>$138,575</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zenaida Frank</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>New York</td>
-                                                    <td>63</td>
-                                                    <td>2010/01/04</td>
-                                                    <td>$125,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Zorita Serrano</td>
-                                                    <td>Software Engineer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>56</td>
-                                                    <td>2012/06/01</td>
-                                                    <td>$115,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jennifer Acosta</td>
-                                                    <td>Junior Javascript Developer</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>43</td>
-                                                    <td>2013/02/01</td>
-                                                    <td>$75,650</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Cara Stevens</td>
-                                                    <td>Sales Assistant</td>
-                                                    <td>New York</td>
-                                                    <td>46</td>
-                                                    <td>2011/12/06</td>
-                                                    <td>$145,600</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Hermione Butler</td>
-                                                    <td>Regional Director</td>
-                                                    <td>London</td>
-                                                    <td>47</td>
-                                                    <td>2011/03/21</td>
-                                                    <td>$356,250</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lael Greer</td>
-                                                    <td>Systems Administrator</td>
-                                                    <td>London</td>
-                                                    <td>21</td>
-                                                    <td>2009/02/27</td>
-                                                    <td>$103,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Jonas Alexander</td>
-                                                    <td>Developer</td>
-                                                    <td>San Francisco</td>
-                                                    <td>30</td>
-                                                    <td>2010/07/14</td>
-                                                    <td>$86,500</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shad Decker</td>
-                                                    <td>Regional Director</td>
-                                                    <td>Edinburgh</td>
-                                                    <td>51</td>
-                                                    <td>2008/11/13</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Michael Bruce</td>
-                                                    <td>Javascript Developer</td>
-                                                    <td>Singapore</td>
-                                                    <td>29</td>
-                                                    <td>2011/06/27</td>
-                                                    <td>$183,000</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Donna Snider</td>
-                                                    <td>Customer Support</td>
-                                                    <td>New York</td>
-                                                    <td>27</td>
-                                                    <td>2011/01/25</td>
-                                                    <td>$112,000</td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-
-                                    </div> <!-- end card body-->
-                                </div> <!-- end card -->
-                            </div><!-- end col-->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- third party js -->
-        <script src="../assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
-        <script src="../assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
-        <script src="../assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
-        <script src="../assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
-        <script src="../assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
-        <script src="../assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
-        <script src="../assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
-        <script src="../assets/libs/datatables.net-buttons/js/buttons.flash.min.js"></script>
-        <script src="../assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
-        <script src="../assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
-        <script src="../assets/libs/datatables.net-select/js/dataTables.select.min.js"></script>
-        <script src="../assets/libs/pdfmake/build/pdfmake.min.js"></script>
-        <script src="../assets/libs/pdfmake/build/vfs_fonts.js"></script>
-        <!-- third party js ends -->
-
-        <!-- Datatables init -->
-        <script src="../assets/js/pages/datatables.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/tables-editable.html b/public/modern/tables-editable.html
deleted file mode 100644
index 919895d..0000000
--- a/public/modern/tables-editable.html
+++ /dev/null
@@ -1,1930 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Table Editable | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Table Editable</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Tables</a></li>
-                                            <li class="breadcrumb-item active">Editable</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-        
-                                        <h5 class="mt-0">Inline edit</h5>
-                                        <p class="sub-header">Inline edit like a spreadsheet on two columns only and without identifier column.</p>
-                                        <div class="table-responsive">
-                                            <table class="table table-centered mb-0" id="inline-editable">
-                                                <thead>
-                                                    <tr>
-                                                        <th>#</th>
-                                                        <th>Name</th>
-                                                        <th>Position</th>
-                                                        <th>Office</th>
-                                                        <th>Age</th>
-                                                        <th>Start date</th>
-                                                        <th>Salary</th>
-                                                    </tr>
-                                                </thead>
-                                            
-                                                <tbody>
-                                                    <tr>
-                                                        <td>1</td>
-                                                        <td>Tiger Nixon</td>
-                                                        <td>System Architect</td>
-                                                        <td>Edinburgh</td>
-                                                        <td>61</td>
-                                                        <td>2011/04/25</td>
-                                                        <td>$320,800</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>2</td>
-                                                        <td>Garrett Winters</td>
-                                                        <td>Accountant</td>
-                                                        <td>Tokyo</td>
-                                                        <td>63</td>
-                                                        <td>2011/07/25</td>
-                                                        <td>$170,750</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>3</td>
-                                                        <td>Ashton Cox</td>
-                                                        <td>Junior Technical Author</td>
-                                                        <td>San Francisco</td>
-                                                        <td>66</td>
-                                                        <td>2009/01/12</td>
-                                                        <td>$86,000</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>4</td>
-                                                        <td>Cedric Kelly</td>
-                                                        <td>Senior Javascript Developer</td>
-                                                        <td>Edinburgh</td>
-                                                        <td>22</td>
-                                                        <td>2012/03/29</td>
-                                                        <td>$433,060</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>5</td>
-                                                        <td>Airi Satou</td>
-                                                        <td>Accountant</td>
-                                                        <td>Tokyo</td>
-                                                        <td>33</td>
-                                                        <td>2008/11/28</td>
-                                                        <td>$162,700</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>6</td>
-                                                        <td>Brielle Williamson</td>
-                                                        <td>Integration Specialist</td>
-                                                        <td>New York</td>
-                                                        <td>61</td>
-                                                        <td>2012/12/02</td>
-                                                        <td>$372,000</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>7</td>
-                                                        <td>Herrod Chandler</td>
-                                                        <td>Sales Assistant</td>
-                                                        <td>San Francisco</td>
-                                                        <td>59</td>
-                                                        <td>2012/08/06</td>
-                                                        <td>$137,500</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>8</td>
-                                                        <td>Rhona Davidson</td>
-                                                        <td>Integration Specialist</td>
-                                                        <td>Tokyo</td>
-                                                        <td>55</td>
-                                                        <td>2010/10/14</td>
-                                                        <td>$327,900</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>9</td>
-                                                        <td>Colleen Hurst</td>
-                                                        <td>Javascript Developer</td>
-                                                        <td>San Francisco</td>
-                                                        <td>39</td>
-                                                        <td>2009/09/15</td>
-                                                        <td>$205,500</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>10</td>
-                                                        <td>Sonya Frost</td>
-                                                        <td>Software Engineer</td>
-                                                        <td>Edinburgh</td>
-                                                        <td>23</td>
-                                                        <td>2008/12/13</td>
-                                                        <td>$103,600</td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end .table-responsive-->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-        
-                                        <h5 class="mt-0">Inline edit with Button</h5>
-                                        <p class="sub-header">Inline edit like a spreadsheet, toolbar column with edit button only and without focus on first input.</p>
-                                        <div class="table-responsive">
-                                            <table class="table table-centered mb-0" id="btn-editable">
-                                                <thead>
-                                                    <tr>
-                                                        <th>#</th>
-                                                        <th>Name</th>
-                                                        <th>Position</th>
-                                                        <th>Office</th>
-                                                        <th>Age</th>
-                                                        <th>Start date</th>
-                                                        <th>Salary</th>
-                                                    </tr>
-                                                </thead>
-                                            
-                                                <tbody>
-                                                    <tr>
-                                                        <td>1</td>
-                                                        <td>Tiger Nixon</td>
-                                                        <td>System Architect</td>
-                                                        <td>Edinburgh</td>
-                                                        <td>61</td>
-                                                        <td>2011/04/25</td>
-                                                        <td>$320,800</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>2</td>
-                                                        <td>Garrett Winters</td>
-                                                        <td>Accountant</td>
-                                                        <td>Tokyo</td>
-                                                        <td>63</td>
-                                                        <td>2011/07/25</td>
-                                                        <td>$170,750</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>3</td>
-                                                        <td>Ashton Cox</td>
-                                                        <td>Junior Technical Author</td>
-                                                        <td>San Francisco</td>
-                                                        <td>66</td>
-                                                        <td>2009/01/12</td>
-                                                        <td>$86,000</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>4</td>
-                                                        <td>Cedric Kelly</td>
-                                                        <td>Senior Javascript Developer</td>
-                                                        <td>Edinburgh</td>
-                                                        <td>22</td>
-                                                        <td>2012/03/29</td>
-                                                        <td>$433,060</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>5</td>
-                                                        <td>Airi Satou</td>
-                                                        <td>Accountant</td>
-                                                        <td>Tokyo</td>
-                                                        <td>33</td>
-                                                        <td>2008/11/28</td>
-                                                        <td>$162,700</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>6</td>
-                                                        <td>Brielle Williamson</td>
-                                                        <td>Integration Specialist</td>
-                                                        <td>New York</td>
-                                                        <td>61</td>
-                                                        <td>2012/12/02</td>
-                                                        <td>$372,000</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>7</td>
-                                                        <td>Herrod Chandler</td>
-                                                        <td>Sales Assistant</td>
-                                                        <td>San Francisco</td>
-                                                        <td>59</td>
-                                                        <td>2012/08/06</td>
-                                                        <td>$137,500</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>8</td>
-                                                        <td>Rhona Davidson</td>
-                                                        <td>Integration Specialist</td>
-                                                        <td>Tokyo</td>
-                                                        <td>55</td>
-                                                        <td>2010/10/14</td>
-                                                        <td>$327,900</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>9</td>
-                                                        <td>Colleen Hurst</td>
-                                                        <td>Javascript Developer</td>
-                                                        <td>San Francisco</td>
-                                                        <td>39</td>
-                                                        <td>2009/09/15</td>
-                                                        <td>$205,500</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <td>10</td>
-                                                        <td>Sonya Frost</td>
-                                                        <td>Software Engineer</td>
-                                                        <td>Edinburgh</td>
-                                                        <td>23</td>
-                                                        <td>2008/12/13</td>
-                                                        <td>$103,600</td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end .table-responsive-->
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Table Editable plugin-->
-        <script src="../assets/libs/jquery-tabledit/jquery.tabledit.min.js"></script>
-
-        <!-- Table editable init-->
-        <script src="../assets/js/pages/tabledit.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/tables-footables.html b/public/modern/tables-footables.html
deleted file mode 100644
index f7830a7..0000000
--- a/public/modern/tables-footables.html
+++ /dev/null
@@ -1,2826 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>FooTable | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Foo Tables</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Tables</a></li>
-                                            <li class="breadcrumb-item active">Foo</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Filtering</h4>
-                                        <p class="sub-header">
-                                            include filtering in your FooTable.
-                                        </p>
-    
-                                        <div class="mb-2">
-                                            <div class="row">
-                                                <div class="col-12 text-sm-center form-inline">
-                                                    <div class="form-group mr-2">
-                                                        <select id="demo-foo-filter-status" class="custom-select custom-select-sm">
-                                                            <option value="">Show all</option>
-                                                            <option value="active">Active</option>
-                                                            <option value="disabled">Disabled</option>
-                                                            <option value="suspended">Suspended</option>
-                                                        </select>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <input id="demo-foo-search" type="text" placeholder="Search" class="form-control form-control-sm" autocomplete="on">
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                        
-                                        <div class="table-responsive">
-                                            <table id="demo-foo-filtering" class="table table-bordered toggle-circle mb-0" data-page-size="7">
-                                                <thead>
-                                                <tr>
-                                                    <th data-toggle="true">First Name</th>
-                                                    <th>Last Name</th>
-                                                    <th data-hide="phone">Job Title</th>
-                                                    <th data-hide="phone, tablet">DOB</th>
-                                                    <th data-hide="phone, tablet">Status</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <td>Isidra</td>
-                                                    <td>Boudreaux</td>
-                                                    <td>Traffic Court Referee</td>
-                                                    <td>22 Jun 1972</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shona</td>
-                                                    <td>Woldt</td>
-                                                    <td>Airline Transport Pilot</td>
-                                                    <td>3 Oct 1981</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Granville</td>
-                                                    <td>Leonardo</td>
-                                                    <td>Business Services Sales Representative</td>
-                                                    <td>19 Apr 1969</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Easer</td>
-                                                    <td>Dragoo</td>
-                                                    <td>Drywall Stripper</td>
-                                                    <td>13 Dec 1977</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maple</td>
-                                                    <td>Halladay</td>
-                                                    <td>Aviation Tactical Readiness Officer</td>
-                                                    <td>30 Dec 1991</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maxine</td>
-                                                    <td><a href="#">Woldt</a></td>
-                                                    <td><a href="#">Business Services Sales Representative</a></td>
-                                                    <td>17 Oct 1987</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lorraine</td>
-                                                    <td>Mcgaughy</td>
-                                                    <td>Hemodialysis Technician</td>
-                                                    <td>11 Nov 1983</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lizzee</td>
-                                                    <td><a href="#">Goodlow</a></td>
-                                                    <td>Technical Services Librarian</td>
-                                                    <td>1 Nov 1961</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Judi</td>
-                                                    <td>Badgett</td>
-                                                    <td>Electrical Lineworker</td>
-                                                    <td>23 Jun 1981</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lauri</td>
-                                                    <td>Hyland</td>
-                                                    <td>Blackjack Supervisor</td>
-                                                    <td>15 Nov 1985</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Isidra</td>
-                                                    <td>Boudreaux</td>
-                                                    <td>Traffic Court Referee</td>
-                                                    <td>22 Jun 1972</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shona</td>
-                                                    <td>Woldt</td>
-                                                    <td>Airline Transport Pilot</td>
-                                                    <td>3 Oct 1981</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Granville</td>
-                                                    <td>Leonardo</td>
-                                                    <td>Business Services Sales Representative</td>
-                                                    <td>19 Apr 1969</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Easer</td>
-                                                    <td>Dragoo</td>
-                                                    <td>Drywall Stripper</td>
-                                                    <td>13 Dec 1977</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maple</td>
-                                                    <td>Halladay</td>
-                                                    <td>Aviation Tactical Readiness Officer</td>
-                                                    <td>30 Dec 1991</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maxine</td>
-                                                    <td><a href="#">Woldt</a></td>
-                                                    <td><a href="#">Business Services Sales Representative</a></td>
-                                                    <td>17 Oct 1987</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lorraine</td>
-                                                    <td>Mcgaughy</td>
-                                                    <td>Hemodialysis Technician</td>
-                                                    <td>11 Nov 1983</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lizzee</td>
-                                                    <td><a href="#">Goodlow</a></td>
-                                                    <td>Technical Services Librarian</td>
-                                                    <td>1 Nov 1961</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Judi</td>
-                                                    <td>Badgett</td>
-                                                    <td>Electrical Lineworker</td>
-                                                    <td>23 Jun 1981</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lauri</td>
-                                                    <td>Hyland</td>
-                                                    <td>Blackjack Supervisor</td>
-                                                    <td>15 Nov 1985</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Isidra</td>
-                                                    <td>Boudreaux</td>
-                                                    <td>Traffic Court Referee</td>
-                                                    <td>22 Jun 1972</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shona</td>
-                                                    <td>Woldt</td>
-                                                    <td>Airline Transport Pilot</td>
-                                                    <td>3 Oct 1981</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Granville</td>
-                                                    <td>Leonardo</td>
-                                                    <td>Business Services Sales Representative</td>
-                                                    <td>19 Apr 1969</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Easer</td>
-                                                    <td>Dragoo</td>
-                                                    <td>Drywall Stripper</td>
-                                                    <td>13 Dec 1977</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maple</td>
-                                                    <td>Halladay</td>
-                                                    <td>Aviation Tactical Readiness Officer</td>
-                                                    <td>30 Dec 1991</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maxine</td>
-                                                    <td><a href="#">Woldt</a></td>
-                                                    <td><a href="#">Business Services Sales Representative</a></td>
-                                                    <td>17 Oct 1987</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lorraine</td>
-                                                    <td>Mcgaughy</td>
-                                                    <td>Hemodialysis Technician</td>
-                                                    <td>11 Nov 1983</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lizzee</td>
-                                                    <td><a href="#">Goodlow</a></td>
-                                                    <td>Technical Services Librarian</td>
-                                                    <td>1 Nov 1961</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Judi</td>
-                                                    <td>Badgett</td>
-                                                    <td>Electrical Lineworker</td>
-                                                    <td>23 Jun 1981</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lauri</td>
-                                                    <td>Hyland</td>
-                                                    <td>Blackjack Supervisor</td>
-                                                    <td>15 Nov 1985</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                </tbody>
-                                                <tfoot>
-                                                <tr class="active">
-                                                    <td colspan="5">
-                                                        <div class="text-right">
-                                                            <ul class="pagination pagination-rounded justify-content-end footable-pagination m-t-10 mb-0"></ul>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-                                                </tfoot>
-                                            </table>
-                                        </div> <!-- end .table-responsive-->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Add &amp; Remove Rows</h4>
-                                        <p class="sub-header">
-                                            Add or remove rows from your FooTable.
-                                        </p>
-
-                                        <div class="mb-2">
-                                            <div class="row">
-                                                <div class="col-12 text-sm-center form-inline">
-                                                    <div class="form-group mr-2">
-                                                        <button id="demo-btn-addrow" class="btn btn-primary"><i class="mdi mdi-plus-circle mr-2"></i> Add New Row</button>
-                                                    </div>
-                                                    <div class="form-group">
-                                                        <input id="demo-input-search2" type="text" placeholder="Search" class="form-control" autocomplete="off">
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <table id="demo-foo-addrow" class="table table-centered table-striped table-bordered mb-0 toggle-circle" data-page-size="7">
-                                            <thead>
-                                            <tr>
-                                                <th data-sort-ignore="true" class="min-width"></th>
-                                                <th data-sort-initial="true" data-toggle="true">First Name</th>
-                                                <th>Last Name</th>
-                                                <th data-hide="phone">Job Title</th>
-                                                <th data-hide="phone, tablet">DOB</th>
-                                                <th data-hide="phone, tablet">Status</th>
-                                            </tr>
-                                            </thead>
-                                            <tbody>
-                                            <tr>
-                                                <td class="text-center"><button class="demo-delete-row btn btn-danger btn-xs btn-icon"><i class="fa fa-times"></i></button></td>
-                                                <td>Isidra</td>
-                                                <td>Boudreaux</td>
-                                                <td>Traffic Court Referee</td>
-                                                <td>22 Jun 1972</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td class="text-center"><button class="demo-delete-row btn btn-danger btn-xs btn-icon"><i class="fa fa-times"></i></button></td>
-                                                <td>Shona</td>
-                                                <td>Woldt</td>
-                                                <td>Airline Transport Pilot</td>
-                                                <td>3 Oct 1981</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td class="text-center"><button class="demo-delete-row btn btn-danger btn-xs btn-icon"><i class="fa fa-times"></i></button></td>
-                                                <td>Granville</td>
-                                                <td>Leonardo</td>
-                                                <td>Business Services Sales Representative</td>
-                                                <td>19 Apr 1969</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td class="text-center"><button class="demo-delete-row btn btn-danger btn-xs btn-icon"><i class="fa fa-times"></i></button></td>
-                                                <td>Easer</td>
-                                                <td>Dragoo</td>
-                                                <td>Drywall Stripper</td>
-                                                <td>13 Dec 1977</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td class="text-center"><button class="demo-delete-row btn btn-danger btn-xs btn-icon"><i class="fa fa-times"></i></button></td>
-                                                <td>Maple</td>
-                                                <td>Halladay</td>
-                                                <td>Aviation Tactical Readiness Officer</td>
-                                                <td>30 Dec 1991</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td class="text-center"><button class="demo-delete-row btn btn-danger btn-xs btn-icon"><i class="fa fa-times"></i></button></td>
-                                                <td>Maxine</td>
-                                                <td><a href="#">Woldt</a></td>
-                                                <td><a href="#">Business Services Sales Representative</a></td>
-                                                <td>17 Oct 1987</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td class="text-center"><button class="demo-delete-row btn btn-danger btn-xs btn-icon"><i class="fa fa-times"></i></button></td>
-                                                <td>Lorraine</td>
-                                                <td>Mcgaughy</td>
-                                                <td>Hemodialysis Technician</td>
-                                                <td>11 Nov 1983</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td class="text-center"><button class="demo-delete-row btn btn-danger btn-xs btn-icon"><i class="fa fa-times"></i></button></td>
-                                                <td>Lizzee</td>
-                                                <td><a href="#">Goodlow</a></td>
-                                                <td>Technical Services Librarian</td>
-                                                <td>1 Nov 1961</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td class="text-center"><button class="demo-delete-row btn btn-danger btn-xs btn-icon"><i class="fa fa-times"></i></button></td>
-                                                <td>Judi</td>
-                                                <td>Badgett</td>
-                                                <td>Electrical Lineworker</td>
-                                                <td>23 Jun 1981</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td class="text-center"><button class="demo-delete-row btn btn-danger btn-xs btn-icon"><i class="fa fa-times"></i></button></td>
-                                                <td>Lauri</td>
-                                                <td>Hyland</td>
-                                                <td>Blackjack Supervisor</td>
-                                                <td>15 Nov 1985</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            </tbody>
-                                            <tfoot>
-                                            <tr class="active">
-                                                <td colspan="6">
-                                                    <div class="text-right">
-                                                        <ul class="pagination pagination-split justify-content-end footable-pagination m-t-10"></ul>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            </tfoot>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Triggers</h4>
-                                        <p class="sub-header">
-                                            Trigger certain FooTable actions.
-                                        </p>
-                                        <table id="demo-foo-row-toggler" class="table table-bordered toggle-circle mb-0">
-                                            <thead>
-                                            <tr>
-                                                <th data-toggle="true"> First Name </th>
-                                                <th> Last Name </th>
-                                                <th data-hide="phone"> Job Title </th>
-                                                <th data-hide="all"> DOB </th>
-                                                <th data-hide="all"> Status </th>
-                                            </tr>
-                                            </thead>
-                                            <tbody>
-                                            <tr>
-                                                <td>Isidra</td>
-                                                <td>Boudreaux</td>
-                                                <td>Traffic Court Referee</td>
-                                                <td>22 Jun 1972</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Shona</td>
-                                                <td>Woldt</td>
-                                                <td>Airline Transport Pilot</td>
-                                                <td>3 Oct 1981</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Granville</td>
-                                                <td>Leonardo</td>
-                                                <td>Business Services Sales Representative</td>
-                                                <td>19 Apr 1969</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Easer</td>
-                                                <td>Dragoo</td>
-                                                <td>Drywall Stripper</td>
-                                                <td>13 Dec 1977</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maple</td>
-                                                <td>Halladay</td>
-                                                <td>Aviation Tactical Readiness Officer</td>
-                                                <td>30 Dec 1991</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maxine</td>
-                                                <td><a href="#">Woldt</a></td>
-                                                <td><a href="#">Business Services Sales Representative</a></td>
-                                                <td>17 Oct 1987</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lorraine</td>
-                                                <td>Mcgaughy</td>
-                                                <td>Hemodialysis Technician</td>
-                                                <td>11 Nov 1983</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lizzee</td>
-                                                <td><a href="#">Goodlow</a></td>
-                                                <td>Technical Services Librarian</td>
-                                                <td>1 Nov 1961</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Judi</td>
-                                                <td>Badgett</td>
-                                                <td>Electrical Lineworker</td>
-                                                <td>23 Jun 1981</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lauri</td>
-                                                <td>Hyland</td>
-                                                <td>Blackjack Supervisor</td>
-                                                <td>15 Nov 1985</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Isidra</td>
-                                                <td>Boudreaux</td>
-                                                <td>Traffic Court Referee</td>
-                                                <td>22 Jun 1972</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Shona</td>
-                                                <td>Woldt</td>
-                                                <td>Airline Transport Pilot</td>
-                                                <td>3 Oct 1981</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Granville</td>
-                                                <td>Leonardo</td>
-                                                <td>Business Services Sales Representative</td>
-                                                <td>19 Apr 1969</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Easer</td>
-                                                <td>Dragoo</td>
-                                                <td>Drywall Stripper</td>
-                                                <td>13 Dec 1977</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maple</td>
-                                                <td>Halladay</td>
-                                                <td>Aviation Tactical Readiness Officer</td>
-                                                <td>30 Dec 1991</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maxine</td>
-                                                <td><a href="#">Woldt</a></td>
-                                                <td><a href="#">Business Services Sales Representative</a></td>
-                                                <td>17 Oct 1987</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lorraine</td>
-                                                <td>Mcgaughy</td>
-                                                <td>Hemodialysis Technician</td>
-                                                <td>11 Nov 1983</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lizzee</td>
-                                                <td><a href="#">Goodlow</a></td>
-                                                <td>Technical Services Librarian</td>
-                                                <td>1 Nov 1961</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Judi</td>
-                                                <td>Badgett</td>
-                                                <td>Electrical Lineworker</td>
-                                                <td>23 Jun 1981</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lauri</td>
-                                                <td>Hyland</td>
-                                                <td>Blackjack Supervisor</td>
-                                                <td>15 Nov 1985</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Isidra</td>
-                                                <td>Boudreaux</td>
-                                                <td>Traffic Court Referee</td>
-                                                <td>22 Jun 1972</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Shona</td>
-                                                <td>Woldt</td>
-                                                <td>Airline Transport Pilot</td>
-                                                <td>3 Oct 1981</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Granville</td>
-                                                <td>Leonardo</td>
-                                                <td>Business Services Sales Representative</td>
-                                                <td>19 Apr 1969</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Easer</td>
-                                                <td>Dragoo</td>
-                                                <td>Drywall Stripper</td>
-                                                <td>13 Dec 1977</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maple</td>
-                                                <td>Halladay</td>
-                                                <td>Aviation Tactical Readiness Officer</td>
-                                                <td>30 Dec 1991</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maxine</td>
-                                                <td><a href="#">Woldt</a></td>
-                                                <td><a href="#">Business Services Sales Representative</a></td>
-                                                <td>17 Oct 1987</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lorraine</td>
-                                                <td>Mcgaughy</td>
-                                                <td>Hemodialysis Technician</td>
-                                                <td>11 Nov 1983</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lizzee</td>
-                                                <td><a href="#">Goodlow</a></td>
-                                                <td>Technical Services Librarian</td>
-                                                <td>1 Nov 1961</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Judi</td>
-                                                <td>Badgett</td>
-                                                <td>Electrical Lineworker</td>
-                                                <td>23 Jun 1981</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lauri</td>
-                                                <td>Hyland</td>
-                                                <td>Blackjack Supervisor</td>
-                                                <td>15 Nov 1985</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Pagination</h4>
-                                        <p class="sub-header">
-                                            Include pagination in your FooTable.
-                                        </p>
-
-                                        <label class="form-inline mb-3">
-                                            Show
-                                            <select id="demo-show-entries" class="form-control form-control-sm ml-1 mr-1">
-                                                <option value="5">5</option>
-                                                <option value="10">10</option>
-                                                <option value="15">15</option>
-                                                <option value="20">20</option>
-                                            </select>
-                                            entries
-                                        </label>
-                                        
-                                        <div class="table-responsive">
-                                            <table id="demo-foo-pagination" class="table mb-0 table-bordered toggle-arrow-tiny" data-page-size="5">
-                                                <thead>
-                                                <tr>
-                                                    <th data-toggle="true"> First Name </th>
-                                                    <th> Last Name </th>
-                                                    <th data-hide="phone"> Job Title </th>
-                                                    <th data-hide="all"> DOB </th>
-                                                    <th data-hide="all"> Status </th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <td>Isidra</td>
-                                                    <td>Boudreaux</td>
-                                                    <td>Traffic Court Referee</td>
-                                                    <td>22 Jun 1972</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shona</td>
-                                                    <td>Woldt</td>
-                                                    <td>Airline Transport Pilot</td>
-                                                    <td>3 Oct 1981</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Granville</td>
-                                                    <td>Leonardo</td>
-                                                    <td>Business Services Sales Representative</td>
-                                                    <td>19 Apr 1969</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Easer</td>
-                                                    <td>Dragoo</td>
-                                                    <td>Drywall Stripper</td>
-                                                    <td>13 Dec 1977</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maple</td>
-                                                    <td>Halladay</td>
-                                                    <td>Aviation Tactical Readiness Officer</td>
-                                                    <td>30 Dec 1991</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maxine</td>
-                                                    <td><a href="#">Woldt</a></td>
-                                                    <td><a href="#">Business Services Sales Representative</a></td>
-                                                    <td>17 Oct 1987</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lorraine</td>
-                                                    <td>Mcgaughy</td>
-                                                    <td>Hemodialysis Technician</td>
-                                                    <td>11 Nov 1983</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lizzee</td>
-                                                    <td><a href="#">Goodlow</a></td>
-                                                    <td>Technical Services Librarian</td>
-                                                    <td>1 Nov 1961</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Judi</td>
-                                                    <td>Badgett</td>
-                                                    <td>Electrical Lineworker</td>
-                                                    <td>23 Jun 1981</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lauri</td>
-                                                    <td>Hyland</td>
-                                                    <td>Blackjack Supervisor</td>
-                                                    <td>15 Nov 1985</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Isidra</td>
-                                                    <td>Boudreaux</td>
-                                                    <td>Traffic Court Referee</td>
-                                                    <td>22 Jun 1972</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shona</td>
-                                                    <td>Woldt</td>
-                                                    <td>Airline Transport Pilot</td>
-                                                    <td>3 Oct 1981</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Granville</td>
-                                                    <td>Leonardo</td>
-                                                    <td>Business Services Sales Representative</td>
-                                                    <td>19 Apr 1969</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Easer</td>
-                                                    <td>Dragoo</td>
-                                                    <td>Drywall Stripper</td>
-                                                    <td>13 Dec 1977</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maple</td>
-                                                    <td>Halladay</td>
-                                                    <td>Aviation Tactical Readiness Officer</td>
-                                                    <td>30 Dec 1991</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maxine</td>
-                                                    <td><a href="#">Woldt</a></td>
-                                                    <td><a href="#">Business Services Sales Representative</a></td>
-                                                    <td>17 Oct 1987</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lorraine</td>
-                                                    <td>Mcgaughy</td>
-                                                    <td>Hemodialysis Technician</td>
-                                                    <td>11 Nov 1983</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lizzee</td>
-                                                    <td><a href="#">Goodlow</a></td>
-                                                    <td>Technical Services Librarian</td>
-                                                    <td>1 Nov 1961</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Judi</td>
-                                                    <td>Badgett</td>
-                                                    <td>Electrical Lineworker</td>
-                                                    <td>23 Jun 1981</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lauri</td>
-                                                    <td>Hyland</td>
-                                                    <td>Blackjack Supervisor</td>
-                                                    <td>15 Nov 1985</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Isidra</td>
-                                                    <td>Boudreaux</td>
-                                                    <td>Traffic Court Referee</td>
-                                                    <td>22 Jun 1972</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Shona</td>
-                                                    <td>Woldt</td>
-                                                    <td>Airline Transport Pilot</td>
-                                                    <td>3 Oct 1981</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Granville</td>
-                                                    <td>Leonardo</td>
-                                                    <td>Business Services Sales Representative</td>
-                                                    <td>19 Apr 1969</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Easer</td>
-                                                    <td>Dragoo</td>
-                                                    <td>Drywall Stripper</td>
-                                                    <td>13 Dec 1977</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maple</td>
-                                                    <td>Halladay</td>
-                                                    <td>Aviation Tactical Readiness Officer</td>
-                                                    <td>30 Dec 1991</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Maxine</td>
-                                                    <td><a href="#">Woldt</a></td>
-                                                    <td><a href="#">Business Services Sales Representative</a></td>
-                                                    <td>17 Oct 1987</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lorraine</td>
-                                                    <td>Mcgaughy</td>
-                                                    <td>Hemodialysis Technician</td>
-                                                    <td>11 Nov 1983</td>
-                                                    <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lizzee</td>
-                                                    <td><a href="#">Goodlow</a></td>
-                                                    <td>Technical Services Librarian</td>
-                                                    <td>1 Nov 1961</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Judi</td>
-                                                    <td>Badgett</td>
-                                                    <td>Electrical Lineworker</td>
-                                                    <td>23 Jun 1981</td>
-                                                    <td><span class="badge label-table badge-success">Active</span></td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Lauri</td>
-                                                    <td>Hyland</td>
-                                                    <td>Blackjack Supervisor</td>
-                                                    <td>15 Nov 1985</td>
-                                                    <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                                </tr>
-                                                </tbody>
-                                                <tfoot>
-                                                <tr class="active">
-                                                    <td colspan="5">
-                                                        <div class="text-right">
-                                                            <ul class="pagination pagination-split justify-content-end footable-pagination m-t-10"></ul>
-                                                        </div>
-                                                    </td>
-                                                </tr>
-                                                </tfoot>
-                                            </table>
-                                        </div> <!-- end .table-responsive-->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Accordion</h4>
-                                        <p class="sub-header">
-                                            include accordion in your FooTable.
-                                        </p>
-
-                                        <table id="demo-foo-accordion" class="table table-colored mb-0 toggle-arrow-tiny">
-                                            <thead>
-                                            <tr>
-                                                <th data-toggle="true"> First Name </th>
-                                                <th> Last Name </th>
-                                                <th data-hide="phone"> Job Title </th>
-                                                <th data-hide="all"> DOB </th>
-                                                <th data-hide="all"> Status </th>
-                                            </tr>
-                                            </thead>
-                                            <tbody>
-                                            <tr>
-                                                <td>Isidra</td>
-                                                <td>Boudreaux</td>
-                                                <td>Traffic Court Referee</td>
-                                                <td>22 Jun 1972</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Shona</td>
-                                                <td>Woldt</td>
-                                                <td>Airline Transport Pilot</td>
-                                                <td>3 Oct 1981</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Granville</td>
-                                                <td>Leonardo</td>
-                                                <td>Business Services Sales Representative</td>
-                                                <td>19 Apr 1969</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Easer</td>
-                                                <td>Dragoo</td>
-                                                <td>Drywall Stripper</td>
-                                                <td>13 Dec 1977</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maple</td>
-                                                <td>Halladay</td>
-                                                <td>Aviation Tactical Readiness Officer</td>
-                                                <td>30 Dec 1991</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maxine</td>
-                                                <td><a href="#">Woldt</a></td>
-                                                <td><a href="#">Business Services Sales Representative</a></td>
-                                                <td>17 Oct 1987</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lorraine</td>
-                                                <td>Mcgaughy</td>
-                                                <td>Hemodialysis Technician</td>
-                                                <td>11 Nov 1983</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lizzee</td>
-                                                <td><a href="#">Goodlow</a></td>
-                                                <td>Technical Services Librarian</td>
-                                                <td>1 Nov 1961</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Judi</td>
-                                                <td>Badgett</td>
-                                                <td>Electrical Lineworker</td>
-                                                <td>23 Jun 1981</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lauri</td>
-                                                <td>Hyland</td>
-                                                <td>Blackjack Supervisor</td>
-                                                <td>15 Nov 1985</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Isidra</td>
-                                                <td>Boudreaux</td>
-                                                <td>Traffic Court Referee</td>
-                                                <td>22 Jun 1972</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Shona</td>
-                                                <td>Woldt</td>
-                                                <td>Airline Transport Pilot</td>
-                                                <td>3 Oct 1981</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Granville</td>
-                                                <td>Leonardo</td>
-                                                <td>Business Services Sales Representative</td>
-                                                <td>19 Apr 1969</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Easer</td>
-                                                <td>Dragoo</td>
-                                                <td>Drywall Stripper</td>
-                                                <td>13 Dec 1977</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maple</td>
-                                                <td>Halladay</td>
-                                                <td>Aviation Tactical Readiness Officer</td>
-                                                <td>30 Dec 1991</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maxine</td>
-                                                <td><a href="#">Woldt</a></td>
-                                                <td><a href="#">Business Services Sales Representative</a></td>
-                                                <td>17 Oct 1987</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lorraine</td>
-                                                <td>Mcgaughy</td>
-                                                <td>Hemodialysis Technician</td>
-                                                <td>11 Nov 1983</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lizzee</td>
-                                                <td><a href="#">Goodlow</a></td>
-                                                <td>Technical Services Librarian</td>
-                                                <td>1 Nov 1961</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Judi</td>
-                                                <td>Badgett</td>
-                                                <td>Electrical Lineworker</td>
-                                                <td>23 Jun 1981</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lauri</td>
-                                                <td>Hyland</td>
-                                                <td>Blackjack Supervisor</td>
-                                                <td>15 Nov 1985</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Isidra</td>
-                                                <td>Boudreaux</td>
-                                                <td>Traffic Court Referee</td>
-                                                <td>22 Jun 1972</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Shona</td>
-                                                <td>Woldt</td>
-                                                <td>Airline Transport Pilot</td>
-                                                <td>3 Oct 1981</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Granville</td>
-                                                <td>Leonardo</td>
-                                                <td>Business Services Sales Representative</td>
-                                                <td>19 Apr 1969</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Easer</td>
-                                                <td>Dragoo</td>
-                                                <td>Drywall Stripper</td>
-                                                <td>13 Dec 1977</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maple</td>
-                                                <td>Halladay</td>
-                                                <td>Aviation Tactical Readiness Officer</td>
-                                                <td>30 Dec 1991</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Maxine</td>
-                                                <td><a href="#">Woldt</a></td>
-                                                <td><a href="#">Business Services Sales Representative</a></td>
-                                                <td>17 Oct 1987</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lorraine</td>
-                                                <td>Mcgaughy</td>
-                                                <td>Hemodialysis Technician</td>
-                                                <td>11 Nov 1983</td>
-                                                <td><span class="badge label-table badge-secondary">Disabled</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lizzee</td>
-                                                <td><a href="#">Goodlow</a></td>
-                                                <td>Technical Services Librarian</td>
-                                                <td>1 Nov 1961</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Judi</td>
-                                                <td>Badgett</td>
-                                                <td>Electrical Lineworker</td>
-                                                <td>23 Jun 1981</td>
-                                                <td><span class="badge label-table badge-success">Active</span></td>
-                                            </tr>
-                                            <tr>
-                                                <td>Lauri</td>
-                                                <td>Hyland</td>
-                                                <td>Blackjack Supervisor</td>
-                                                <td>15 Nov 1985</td>
-                                                <td><span class="badge label-table badge-danger">Suspended</span></td>
-                                            </tr>
-                                            </tbody>
-
-                                        </table>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Footable js -->
-        <script src="../assets/libs/footable/footable.all.min.js"></script>
-
-        <!-- Init js -->
-        <script src="../assets/js/pages/foo-tables.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/tables-responsive.html b/public/modern/tables-responsive.html
deleted file mode 100644
index 0875f4d..0000000
--- a/public/modern/tables-responsive.html
+++ /dev/null
@@ -1,2115 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Responsive Table | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Responsive Table css -->
-        <link href="../assets/libs/admin-resources/rwd-table/rwd-table.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Responsive Table</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Tables</a></li>
-                                            <li class="breadcrumb-item active">Responsive</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="responsive-table-plugin">
-                                            <div class="table-rep-plugin">
-                                                <div class="table-responsive" data-pattern="priority-columns">
-                                                    <table id="tech-companies-1" class="table table-striped">
-                                                        <thead>
-                                                        <tr>
-                                                            <th>Company</th>
-                                                            <th data-priority="1">Last Trade</th>
-                                                            <th data-priority="3">Trade Time</th>
-                                                            <th data-priority="1">Change</th>
-                                                            <th data-priority="3">Prev Close</th>
-                                                            <th data-priority="3">Open</th>
-                                                            <th data-priority="6">Bid</th>
-                                                            <th data-priority="6">Ask</th>
-                                                            <th data-priority="6">1y Target Est</th>
-                                                        </tr>
-                                                        </thead>
-                                                        <tbody>
-                                                        <tr>
-                                                            <th>GOOG <span class="co-name">Google Inc.</span></th>
-                                                            <td>597.74</td>
-                                                            <td>12:12PM</td>
-                                                            <td>14.81 (2.54%)</td>
-                                                            <td>582.93</td>
-                                                            <td>597.95</td>
-                                                            <td>597.73 x 100</td>
-                                                            <td>597.91 x 300</td>
-                                                            <td>731.10</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>AAPL <span class="co-name">Apple Inc.</span></th>
-                                                            <td>378.94</td>
-                                                            <td>12:22PM</td>
-                                                            <td>5.74 (1.54%)</td>
-                                                            <td>373.20</td>
-                                                            <td>381.02</td>
-                                                            <td>378.92 x 300</td>
-                                                            <td>378.99 x 100</td>
-                                                            <td>505.94</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>AMZN <span class="co-name">Amazon.com Inc.</span></th>
-                                                            <td>191.55</td>
-                                                            <td>12:23PM</td>
-                                                            <td>3.16 (1.68%)</td>
-                                                            <td>188.39</td>
-                                                            <td>194.99</td>
-                                                            <td>191.52 x 300</td>
-                                                            <td>191.58 x 100</td>
-                                                            <td>240.32</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>ORCL <span class="co-name">Oracle Corporation</span></th>
-                                                            <td>31.15</td>
-                                                            <td>12:44PM</td>
-                                                            <td>1.41 (4.72%)</td>
-                                                            <td>29.74</td>
-                                                            <td>30.67</td>
-                                                            <td>31.14 x 6500</td>
-                                                            <td>31.15 x 3200</td>
-                                                            <td>36.11</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>MSFT <span class="co-name">Microsoft Corporation</span></th>
-                                                            <td>25.50</td>
-                                                            <td>12:27PM</td>
-                                                            <td>0.66 (2.67%)</td>
-                                                            <td>24.84</td>
-                                                            <td>25.37</td>
-                                                            <td>25.50 x 71100</td>
-                                                            <td>25.51 x 17800</td>
-                                                            <td>31.50</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>CSCO <span class="co-name">Cisco Systems, Inc.</span></th>
-                                                            <td>18.65</td>
-                                                            <td>12:45PM</td>
-                                                            <td>0.97 (5.49%)</td>
-                                                            <td>17.68</td>
-                                                            <td>18.23</td>
-                                                            <td>18.65 x 10300</td>
-                                                            <td>18.66 x 24000</td>
-                                                            <td>21.12</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>YHOO <span class="co-name">Yahoo! Inc.</span></th>
-                                                            <td>15.81</td>
-                                                            <td>12:25PM</td>
-                                                            <td>0.11 (0.67%)</td>
-                                                            <td>15.70</td>
-                                                            <td>15.94</td>
-                                                            <td>15.79 x 6100</td>
-                                                            <td>15.80 x 17000</td>
-                                                            <td>18.16</td>
-                                                        </tr>
-                                                        <!-- Repeat -->
-                                                        <tr>
-                                                            <th>GOOG <span class="co-name">Google Inc.</span></th>
-                                                            <td>597.74</td>
-                                                            <td>12:12PM</td>
-                                                            <td>14.81 (2.54%)</td>
-                                                            <td>582.93</td>
-                                                            <td>597.95</td>
-                                                            <td>597.73 x 100</td>
-                                                            <td>597.91 x 300</td>
-                                                            <td>731.10</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>AAPL <span class="co-name">Apple Inc.</span></th>
-                                                            <td>378.94</td>
-                                                            <td>12:22PM</td>
-                                                            <td>5.74 (1.54%)</td>
-                                                            <td>373.20</td>
-                                                            <td>381.02</td>
-                                                            <td>378.92 x 300</td>
-                                                            <td>378.99 x 100</td>
-                                                            <td>505.94</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>AMZN <span class="co-name">Amazon.com Inc.</span></th>
-                                                            <td>191.55</td>
-                                                            <td>12:23PM</td>
-                                                            <td>3.16 (1.68%)</td>
-                                                            <td>188.39</td>
-                                                            <td>194.99</td>
-                                                            <td>191.52 x 300</td>
-                                                            <td>191.58 x 100</td>
-                                                            <td>240.32</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>ORCL <span class="co-name">Oracle Corporation</span></th>
-                                                            <td>31.15</td>
-                                                            <td>12:44PM</td>
-                                                            <td>1.41 (4.72%)</td>
-                                                            <td>29.74</td>
-                                                            <td>30.67</td>
-                                                            <td>31.14 x 6500</td>
-                                                            <td>31.15 x 3200</td>
-                                                            <td>36.11</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>MSFT <span class="co-name">Microsoft Corporation</span></th>
-                                                            <td>25.50</td>
-                                                            <td>12:27PM</td>
-                                                            <td>0.66 (2.67%)</td>
-                                                            <td>24.84</td>
-                                                            <td>25.37</td>
-                                                            <td>25.50 x 71100</td>
-                                                            <td>25.51 x 17800</td>
-                                                            <td>31.50</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>CSCO <span class="co-name">Cisco Systems, Inc.</span></th>
-                                                            <td>18.65</td>
-                                                            <td>12:45PM</td>
-                                                            <td>0.97 (5.49%)</td>
-                                                            <td>17.68</td>
-                                                            <td>18.23</td>
-                                                            <td>18.65 x 10300</td>
-                                                            <td>18.66 x 24000</td>
-                                                            <td>21.12</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>YHOO <span class="co-name">Yahoo! Inc.</span></th>
-                                                            <td>15.81</td>
-                                                            <td>12:25PM</td>
-                                                            <td>0.11 (0.67%)</td>
-                                                            <td>15.70</td>
-                                                            <td>15.94</td>
-                                                            <td>15.79 x 6100</td>
-                                                            <td>15.80 x 17000</td>
-                                                            <td>18.16</td>
-                                                        </tr>
-                                                        <!-- Repeat -->
-                                                        <tr>
-                                                            <th>GOOG <span class="co-name">Google Inc.</span></th>
-                                                            <td>597.74</td>
-                                                            <td>12:12PM</td>
-                                                            <td>14.81 (2.54%)</td>
-                                                            <td>582.93</td>
-                                                            <td>597.95</td>
-                                                            <td>597.73 x 100</td>
-                                                            <td>597.91 x 300</td>
-                                                            <td>731.10</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>AAPL <span class="co-name">Apple Inc.</span></th>
-                                                            <td>378.94</td>
-                                                            <td>12:22PM</td>
-                                                            <td>5.74 (1.54%)</td>
-                                                            <td>373.20</td>
-                                                            <td>381.02</td>
-                                                            <td>378.92 x 300</td>
-                                                            <td>378.99 x 100</td>
-                                                            <td>505.94</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>AMZN <span class="co-name">Amazon.com Inc.</span></th>
-                                                            <td>191.55</td>
-                                                            <td>12:23PM</td>
-                                                            <td>3.16 (1.68%)</td>
-                                                            <td>188.39</td>
-                                                            <td>194.99</td>
-                                                            <td>191.52 x 300</td>
-                                                            <td>191.58 x 100</td>
-                                                            <td>240.32</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>ORCL <span class="co-name">Oracle Corporation</span></th>
-                                                            <td>31.15</td>
-                                                            <td>12:44PM</td>
-                                                            <td>1.41 (4.72%)</td>
-                                                            <td>29.74</td>
-                                                            <td>30.67</td>
-                                                            <td>31.14 x 6500</td>
-                                                            <td>31.15 x 3200</td>
-                                                            <td>36.11</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>MSFT <span class="co-name">Microsoft Corporation</span></th>
-                                                            <td>25.50</td>
-                                                            <td>12:27PM</td>
-                                                            <td>0.66 (2.67%)</td>
-                                                            <td>24.84</td>
-                                                            <td>25.37</td>
-                                                            <td>25.50 x 71100</td>
-                                                            <td>25.51 x 17800</td>
-                                                            <td>31.50</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>CSCO <span class="co-name">Cisco Systems, Inc.</span></th>
-                                                            <td>18.65</td>
-                                                            <td>12:45PM</td>
-                                                            <td>0.97 (5.49%)</td>
-                                                            <td>17.68</td>
-                                                            <td>18.23</td>
-                                                            <td>18.65 x 10300</td>
-                                                            <td>18.66 x 24000</td>
-                                                            <td>21.12</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>YHOO <span class="co-name">Yahoo! Inc.</span></th>
-                                                            <td>15.81</td>
-                                                            <td>12:25PM</td>
-                                                            <td>0.11 (0.67%)</td>
-                                                            <td>15.70</td>
-                                                            <td>15.94</td>
-                                                            <td>15.79 x 6100</td>
-                                                            <td>15.80 x 17000</td>
-                                                            <td>18.16</td>
-                                                        </tr>
-                                                        <!-- Repeat -->
-                                                        <tr>
-                                                            <th>GOOG <span class="co-name">Google Inc.</span></th>
-                                                            <td>597.74</td>
-                                                            <td>12:12PM</td>
-                                                            <td>14.81 (2.54%)</td>
-                                                            <td>582.93</td>
-                                                            <td>597.95</td>
-                                                            <td>597.73 x 100</td>
-                                                            <td>597.91 x 300</td>
-                                                            <td>731.10</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>AAPL <span class="co-name">Apple Inc.</span></th>
-                                                            <td>378.94</td>
-                                                            <td>12:22PM</td>
-                                                            <td>5.74 (1.54%)</td>
-                                                            <td>373.20</td>
-                                                            <td>381.02</td>
-                                                            <td>378.92 x 300</td>
-                                                            <td>378.99 x 100</td>
-                                                            <td>505.94</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>AMZN <span class="co-name">Amazon.com Inc.</span></th>
-                                                            <td>191.55</td>
-                                                            <td>12:23PM</td>
-                                                            <td>3.16 (1.68%)</td>
-                                                            <td>188.39</td>
-                                                            <td>194.99</td>
-                                                            <td>191.52 x 300</td>
-                                                            <td>191.58 x 100</td>
-                                                            <td>240.32</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>ORCL <span class="co-name">Oracle Corporation</span></th>
-                                                            <td>31.15</td>
-                                                            <td>12:44PM</td>
-                                                            <td>1.41 (4.72%)</td>
-                                                            <td>29.74</td>
-                                                            <td>30.67</td>
-                                                            <td>31.14 x 6500</td>
-                                                            <td>31.15 x 3200</td>
-                                                            <td>36.11</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>MSFT <span class="co-name">Microsoft Corporation</span></th>
-                                                            <td>25.50</td>
-                                                            <td>12:27PM</td>
-                                                            <td>0.66 (2.67%)</td>
-                                                            <td>24.84</td>
-                                                            <td>25.37</td>
-                                                            <td>25.50 x 71100</td>
-                                                            <td>25.51 x 17800</td>
-                                                            <td>31.50</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>CSCO <span class="co-name">Cisco Systems, Inc.</span></th>
-                                                            <td>18.65</td>
-                                                            <td>12:45PM</td>
-                                                            <td>0.97 (5.49%)</td>
-                                                            <td>17.68</td>
-                                                            <td>18.23</td>
-                                                            <td>18.65 x 10300</td>
-                                                            <td>18.66 x 24000</td>
-                                                            <td>21.12</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>YHOO <span class="co-name">Yahoo! Inc.</span></th>
-                                                            <td>15.81</td>
-                                                            <td>12:25PM</td>
-                                                            <td>0.11 (0.67%)</td>
-                                                            <td>15.70</td>
-                                                            <td>15.94</td>
-                                                            <td>15.79 x 6100</td>
-                                                            <td>15.80 x 17000</td>
-                                                            <td>18.16</td>
-                                                        </tr>
-                                                        <!-- Repeat -->
-                                                        <tr>
-                                                            <th>GOOG <span class="co-name">Google Inc.</span></th>
-                                                            <td>597.74</td>
-                                                            <td>12:12PM</td>
-                                                            <td>14.81 (2.54%)</td>
-                                                            <td>582.93</td>
-                                                            <td>597.95</td>
-                                                            <td>597.73 x 100</td>
-                                                            <td>597.91 x 300</td>
-                                                            <td>731.10</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>AAPL <span class="co-name">Apple Inc.</span></th>
-                                                            <td>378.94</td>
-                                                            <td>12:22PM</td>
-                                                            <td>5.74 (1.54%)</td>
-                                                            <td>373.20</td>
-                                                            <td>381.02</td>
-                                                            <td>378.92 x 300</td>
-                                                            <td>378.99 x 100</td>
-                                                            <td>505.94</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>AMZN <span class="co-name">Amazon.com Inc.</span></th>
-                                                            <td>191.55</td>
-                                                            <td>12:23PM</td>
-                                                            <td>3.16 (1.68%)</td>
-                                                            <td>188.39</td>
-                                                            <td>194.99</td>
-                                                            <td>191.52 x 300</td>
-                                                            <td>191.58 x 100</td>
-                                                            <td>240.32</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>ORCL <span class="co-name">Oracle Corporation</span></th>
-                                                            <td>31.15</td>
-                                                            <td>12:44PM</td>
-                                                            <td>1.41 (4.72%)</td>
-                                                            <td>29.74</td>
-                                                            <td>30.67</td>
-                                                            <td>31.14 x 6500</td>
-                                                            <td>31.15 x 3200</td>
-                                                            <td>36.11</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>MSFT <span class="co-name">Microsoft Corporation</span></th>
-                                                            <td>25.50</td>
-                                                            <td>12:27PM</td>
-                                                            <td>0.66 (2.67%)</td>
-                                                            <td>24.84</td>
-                                                            <td>25.37</td>
-                                                            <td>25.50 x 71100</td>
-                                                            <td>25.51 x 17800</td>
-                                                            <td>31.50</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>CSCO <span class="co-name">Cisco Systems, Inc.</span></th>
-                                                            <td>18.65</td>
-                                                            <td>12:45PM</td>
-                                                            <td>0.97 (5.49%)</td>
-                                                            <td>17.68</td>
-                                                            <td>18.23</td>
-                                                            <td>18.65 x 10300</td>
-                                                            <td>18.66 x 24000</td>
-                                                            <td>21.12</td>
-                                                        </tr>
-                                                        <tr>
-                                                            <th>YHOO <span class="co-name">Yahoo! Inc.</span></th>
-                                                            <td>15.81</td>
-                                                            <td>12:25PM</td>
-                                                            <td>0.11 (0.67%)</td>
-                                                            <td>15.70</td>
-                                                            <td>15.94</td>
-                                                            <td>15.79 x 6100</td>
-                                                            <td>15.80 x 17000</td>
-                                                            <td>18.16</td>
-                                                        </tr>
-                                                        </tbody>
-                                                    </table>
-                                                </div> <!-- end .table-responsive -->
-        
-                                            </div> <!-- end .table-rep-plugin-->
-                                        </div> <!-- end .responsive-table-plugin-->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Responsive Table js -->
-        <script src="../assets/libs/admin-resources/rwd-table/rwd-table.min.js"></script>
-
-        <!-- Init js -->
-        <script src="../assets/js/pages/responsive-table.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/tables-tablesaw.html b/public/modern/tables-tablesaw.html
deleted file mode 100644
index 8e91e79..0000000
--- a/public/modern/tables-tablesaw.html
+++ /dev/null
@@ -1,2490 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Tablesaw | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Tablesaw css -->
-        <link href="../assets/libs/tablesaw/tablesaw.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Tablesaw</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Tables</a></li>
-                                            <li class="breadcrumb-item active">Tablesaw</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Stack Table</h4>
-                                        <p class="sub-header">
-                                            The Stack Table stacks the table headers to a two column layout with headers on the left. Resize your viewport to across the 40em (640px) breakpoint to see the change.
-                                        </p>
-    
-                                        <table class="tablesaw table mb-0" data-tablesaw-mode="stack">
-                                            <thead>
-                                            <tr>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">Movie Title</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="3">Rank</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">Year</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">Rating</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="4">Gross</th>
-                                            </tr>
-                                            </thead>
-                                            <tbody>
-                                            <tr>
-                                                <td>Avatar</td>
-                                                <td>1</td>
-                                                <td>2009</td>
-                                                <td>83%</td>
-                                                <td>$2.7B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Titanic</td>
-                                                <td>2</td>
-                                                <td>1997</td>
-                                                <td>88%</td>
-                                                <td>$2.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>The Avengers</td>
-                                                <td>3</td>
-                                                <td>2012</td>
-                                                <td>92%</td>
-                                                <td>$1.5B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Harry Potter and the Deathly Hallows—Part 2</td>
-                                                <td>4</td>
-                                                <td>2011</td>
-                                                <td>96%</td>
-                                                <td>$1.3B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Frozen</td>
-                                                <td>5</td>
-                                                <td>2013</td>
-                                                <td>89%</td>
-                                                <td>$1.2B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Iron Man 3</td>
-                                                <td>6</td>
-                                                <td>2013</td>
-                                                <td>78%</td>
-                                                <td>$1.2B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Transformers: Dark of the Moon</td>
-                                                <td>7</td>
-                                                <td>2011</td>
-                                                <td>36%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>The Lord of the Rings: The Return of the King</td>
-                                                <td>8</td>
-                                                <td>2003</td>
-                                                <td>95%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Skyfall</td>
-                                                <td>9</td>
-                                                <td>2012</td>
-                                                <td>92%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Transformers: Age of Extinction</td>
-                                                <td>10</td>
-                                                <td>2014</td>
-                                                <td>18%</td>
-                                                <td>$1.0B</td>
-                                            </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Sortable Table</h4>
-                                        <p class="sub-header">
-                                            Default appearance (with optional sortable-switch)
-                                        </p>
-
-                                        <table class="tablesaw table mb-0" data-tablesaw-sortable data-tablesaw-sortable-switch>
-                                            <thead>
-                                            <tr>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">Movie Title</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="3">Rank</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">Year</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">Rating</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="4">Gross</th>
-                                            </tr>
-                                            </thead>
-                                            <tbody>
-                                            <tr>
-                                                <td>Avatar</td>
-                                                <td>1</td>
-                                                <td>2009</td>
-                                                <td>83%</td>
-                                                <td>$2.7B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Titanic</td>
-                                                <td>2</td>
-                                                <td>1997</td>
-                                                <td>88%</td>
-                                                <td>$2.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>The Avengers</td>
-                                                <td>3</td>
-                                                <td>2012</td>
-                                                <td>92%</td>
-                                                <td>$1.5B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Harry Potter and the Deathly Hallows—Part 2</td>
-                                                <td>4</td>
-                                                <td>2011</td>
-                                                <td>96%</td>
-                                                <td>$1.3B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Frozen</td>
-                                                <td>5</td>
-                                                <td>2013</td>
-                                                <td>89%</td>
-                                                <td>$1.2B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Iron Man 3</td>
-                                                <td>6</td>
-                                                <td>2013</td>
-                                                <td>78%</td>
-                                                <td>$1.2B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Transformers: Dark of the Moon</td>
-                                                <td>7</td>
-                                                <td>2011</td>
-                                                <td>36%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>The Lord of the Rings: The Return of the King</td>
-                                                <td>8</td>
-                                                <td>2003</td>
-                                                <td>95%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Skyfall</td>
-                                                <td>9</td>
-                                                <td>2012</td>
-                                                <td>92%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Transformers: Age of Extinction</td>
-                                                <td>10</td>
-                                                <td>2014</td>
-                                                <td>18%</td>
-                                                <td>$1.0B</td>
-                                            </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <h4 class="header-title">Swipe Table</h4>
-                                        <p class="sub-header mb-1">
-                                            Your awesome text goes here.
-                                        </p>
-
-                                        <table class="tablesaw table mb-0" data-tablesaw-mode="swipe">
-                                            <thead>
-                                            <tr>
-                                                <th class="title" scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">Movie Title</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="3">Rank</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">Year</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">Rating</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="4">Gross</th>
-                                            </tr>
-                                            </thead>
-                                            <tbody>
-                                            <tr>
-                                                <td>Avatar</td>
-                                                <td>1</td>
-                                                <td>2009</td>
-                                                <td>83%</td>
-                                                <td>$2.7B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Titanic</td>
-                                                <td>2</td>
-                                                <td>1997</td>
-                                                <td>88%</td>
-                                                <td>$2.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>The Avengers</td>
-                                                <td>3</td>
-                                                <td>2012</td>
-                                                <td>92%</td>
-                                                <td>$1.5B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Harry Potter and the Deathly Hallows—Part 2</td>
-                                                <td>4</td>
-                                                <td>2011</td>
-                                                <td>96%</td>
-                                                <td>$1.3B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Frozen</td>
-                                                <td>5</td>
-                                                <td>2013</td>
-                                                <td>89%</td>
-                                                <td>$1.2B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Iron Man 3</td>
-                                                <td>6</td>
-                                                <td>2013</td>
-                                                <td>78%</td>
-                                                <td>$1.2B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Transformers: Dark of the Moon</td>
-                                                <td>7</td>
-                                                <td>2011</td>
-                                                <td>36%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>The Lord of the Rings: The Return of the King</td>
-                                                <td>8</td>
-                                                <td>2003</td>
-                                                <td>95%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Skyfall</td>
-                                                <td>9</td>
-                                                <td>2012</td>
-                                                <td>92%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Transformers: Age of Extinction</td>
-                                                <td>10</td>
-                                                <td>2014</td>
-                                                <td>18%</td>
-                                                <td>$1.0B</td>
-                                            </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Swipe Table with Mini Map</h4>
-                                        <p class="sub-header mb-1">
-                                            Your awesome text goes here.
-                                        </p>
-
-                                        <table class="tablesaw table mb-0" data-tablesaw-mode="swipe" data-tablesaw-minimap>
-                                            <thead>
-                                            <tr>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">Movie Title</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="3">Rank</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">Year</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">Rating</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="4">Gross</th>
-                                            </tr>
-                                            </thead>
-                                            <tbody>
-                                            <tr>
-                                                <td>Avatar</td>
-                                                <td>1</td>
-                                                <td>2009</td>
-                                                <td>83%</td>
-                                                <td>$2.7B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Titanic</td>
-                                                <td>2</td>
-                                                <td>1997</td>
-                                                <td>88%</td>
-                                                <td>$2.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>The Avengers</td>
-                                                <td>3</td>
-                                                <td>2012</td>
-                                                <td>92%</td>
-                                                <td>$1.5B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Harry Potter and the Deathly Hallows—Part 2</td>
-                                                <td>4</td>
-                                                <td>2011</td>
-                                                <td>96%</td>
-                                                <td>$1.3B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Frozen</td>
-                                                <td>5</td>
-                                                <td>2013</td>
-                                                <td>89%</td>
-                                                <td>$1.2B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Iron Man 3</td>
-                                                <td>6</td>
-                                                <td>2013</td>
-                                                <td>78%</td>
-                                                <td>$1.2B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Transformers: Dark of the Moon</td>
-                                                <td>7</td>
-                                                <td>2011</td>
-                                                <td>36%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>The Lord of the Rings: The Return of the King</td>
-                                                <td>8</td>
-                                                <td>2003</td>
-                                                <td>95%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Skyfall</td>
-                                                <td>9</td>
-                                                <td>2012</td>
-                                                <td>92%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Transformers: Age of Extinction</td>
-                                                <td>10</td>
-                                                <td>2014</td>
-                                                <td>18%</td>
-                                                <td>$1.0B</td>
-                                            </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Column Toggle Table</h4>
-                                        <p class="sub-header mb-1">
-                                            The Column Toggle Table allows the user to select which columns they want to be visible.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="tablesaw table mb-0" data-tablesaw-mode="columntoggle">
-                                                <thead>
-                                                <tr>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">Movie Title</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="3">Rank</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">Year</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">Rating</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="4">Gross</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <td>Avatar</td>
-                                                    <td>1</td>
-                                                    <td>2009</td>
-                                                    <td>83%</td>
-                                                    <td>$2.7B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Titanic</td>
-                                                    <td>2</td>
-                                                    <td>1997</td>
-                                                    <td>88%</td>
-                                                    <td>$2.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>The Avengers</td>
-                                                    <td>3</td>
-                                                    <td>2012</td>
-                                                    <td>92%</td>
-                                                    <td>$1.5B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Harry Potter and the Deathly Hallows—Part 2</td>
-                                                    <td>4</td>
-                                                    <td>2011</td>
-                                                    <td>96%</td>
-                                                    <td>$1.3B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Frozen</td>
-                                                    <td>5</td>
-                                                    <td>2013</td>
-                                                    <td>89%</td>
-                                                    <td>$1.2B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Iron Man 3</td>
-                                                    <td>6</td>
-                                                    <td>2013</td>
-                                                    <td>78%</td>
-                                                    <td>$1.2B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Transformers: Dark of the Moon</td>
-                                                    <td>7</td>
-                                                    <td>2011</td>
-                                                    <td>36%</td>
-                                                    <td>$1.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>The Lord of the Rings: The Return of the King</td>
-                                                    <td>8</td>
-                                                    <td>2003</td>
-                                                    <td>95%</td>
-                                                    <td>$1.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Skyfall</td>
-                                                    <td>9</td>
-                                                    <td>2012</td>
-                                                    <td>92%</td>
-                                                    <td>$1.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Transformers: Age of Extinction</td>
-                                                    <td>10</td>
-                                                    <td>2014</td>
-                                                    <td>18%</td>
-                                                    <td>$1.0B</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end .table-responsive -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!--end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Column Toggle Table with Mini Map</h4>
-                                        <p class="sub-header mb-1">
-                                            The Column Toggle Table allows the user to select which columns they want to be visible.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="tablesaw table mb-0" data-tablesaw-mode="columntoggle" data-tablesaw-minimap>
-                                                <thead>
-                                                <tr>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">Movie Title</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="3">Rank</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">Year</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">Rating</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="4">Gross</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <td>Avatar</td>
-                                                    <td>1</td>
-                                                    <td>2009</td>
-                                                    <td>83%</td>
-                                                    <td>$2.7B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Titanic</td>
-                                                    <td>2</td>
-                                                    <td>1997</td>
-                                                    <td>88%</td>
-                                                    <td>$2.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>The Avengers</td>
-                                                    <td>3</td>
-                                                    <td>2012</td>
-                                                    <td>92%</td>
-                                                    <td>$1.5B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Harry Potter and the Deathly Hallows—Part 2</td>
-                                                    <td>4</td>
-                                                    <td>2011</td>
-                                                    <td>96%</td>
-                                                    <td>$1.3B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Frozen</td>
-                                                    <td>5</td>
-                                                    <td>2013</td>
-                                                    <td>89%</td>
-                                                    <td>$1.2B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Iron Man 3</td>
-                                                    <td>6</td>
-                                                    <td>2013</td>
-                                                    <td>78%</td>
-                                                    <td>$1.2B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Transformers: Dark of the Moon</td>
-                                                    <td>7</td>
-                                                    <td>2011</td>
-                                                    <td>36%</td>
-                                                    <td>$1.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>The Lord of the Rings: The Return of the King</td>
-                                                    <td>8</td>
-                                                    <td>2003</td>
-                                                    <td>95%</td>
-                                                    <td>$1.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Skyfall</td>
-                                                    <td>9</td>
-                                                    <td>2012</td>
-                                                    <td>92%</td>
-                                                    <td>$1.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Transformers: Age of Extinction</td>
-                                                    <td>10</td>
-                                                    <td>2014</td>
-                                                    <td>18%</td>
-                                                    <td>$1.0B</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end .table-responsive -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!--end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Mode Switch Table</h4>
-                                        <p class="sub-header">
-                                            The mode switcher allows the user to select which tablesaw view to use.
-                                        </p>
-
-                                        <table class="tablesaw table mb-0" data-tablesaw-mode="swipe" data-tablesaw-mode-switch data-tablesaw-minimap>
-                                            <thead>
-                                            <tr>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">Movie Title</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="3">Rank</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">Year</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">Rating</th>
-                                                <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="4">Gross</th>
-                                            </tr>
-                                            </thead>
-                                            <tbody>
-                                            <tr>
-                                                <td>Avatar</td>
-                                                <td>1</td>
-                                                <td>2009</td>
-                                                <td>83%</td>
-                                                <td>$2.7B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Titanic</td>
-                                                <td>2</td>
-                                                <td>1997</td>
-                                                <td>88%</td>
-                                                <td>$2.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>The Avengers</td>
-                                                <td>3</td>
-                                                <td>2012</td>
-                                                <td>92%</td>
-                                                <td>$1.5B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Harry Potter and the Deathly Hallows—Part 2</td>
-                                                <td>4</td>
-                                                <td>2011</td>
-                                                <td>96%</td>
-                                                <td>$1.3B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Frozen</td>
-                                                <td>5</td>
-                                                <td>2013</td>
-                                                <td>89%</td>
-                                                <td>$1.2B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Iron Man 3</td>
-                                                <td>6</td>
-                                                <td>2013</td>
-                                                <td>78%</td>
-                                                <td>$1.2B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Transformers: Dark of the Moon</td>
-                                                <td>7</td>
-                                                <td>2011</td>
-                                                <td>36%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>The Lord of the Rings: The Return of the King</td>
-                                                <td>8</td>
-                                                <td>2003</td>
-                                                <td>95%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Skyfall</td>
-                                                <td>9</td>
-                                                <td>2012</td>
-                                                <td>92%</td>
-                                                <td>$1.1B</td>
-                                            </tr>
-                                            <tr>
-                                                <td>Transformers: Age of Extinction</td>
-                                                <td>10</td>
-                                                <td>2014</td>
-                                                <td>18%</td>
-                                                <td>$1.0B</td>
-                                            </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bare Table</h4>
-                                        <p class="sub-header">
-                                            Your awesome text goes here.
-                                        </p>
-
-                                        <div class="table-responsive">
-                                            <table class="tablesaw table mb-0" data-tablesaw-mode="swipe" data-tablesaw-sortable data-tablesaw-sortable-switch data-tablesaw-minimap data-tablesaw-mode-switch>
-                                                <thead>
-                                                <tr>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">Movie Title</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="3">Rank</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">Year</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">Rating</th>
-                                                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="4">Gross</th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <td>Avatar</td>
-                                                    <td>1</td>
-                                                    <td>2009</td>
-                                                    <td>83%</td>
-                                                    <td>$2.7B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Titanic</td>
-                                                    <td>2</td>
-                                                    <td>1997</td>
-                                                    <td>88%</td>
-                                                    <td>$2.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>The Avengers</td>
-                                                    <td>3</td>
-                                                    <td>2012</td>
-                                                    <td>92%</td>
-                                                    <td>$1.5B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Harry Potter and the Deathly Hallows—Part 2</td>
-                                                    <td>4</td>
-                                                    <td>2011</td>
-                                                    <td>96%</td>
-                                                    <td>$1.3B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Frozen</td>
-                                                    <td>5</td>
-                                                    <td>2013</td>
-                                                    <td>89%</td>
-                                                    <td>$1.2B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Iron Man 3</td>
-                                                    <td>6</td>
-                                                    <td>2013</td>
-                                                    <td>78%</td>
-                                                    <td>$1.2B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Transformers: Dark of the Moon</td>
-                                                    <td>7</td>
-                                                    <td>2011</td>
-                                                    <td>36%</td>
-                                                    <td>$1.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>The Lord of the Rings: The Return of the King</td>
-                                                    <td>8</td>
-                                                    <td>2003</td>
-                                                    <td>95%</td>
-                                                    <td>$1.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Skyfall</td>
-                                                    <td>9</td>
-                                                    <td>2012</td>
-                                                    <td>92%</td>
-                                                    <td>$1.1B</td>
-                                                </tr>
-                                                <tr>
-                                                    <td>Transformers: Age of Extinction</td>
-                                                    <td>10</td>
-                                                    <td>2014</td>
-                                                    <td>18%</td>
-                                                    <td>$1.0B</td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end .table-responsive -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!--end col-->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Tablesaw js -->
-        <script src="../assets/libs/tablesaw/tablesaw.js"></script>
-
-        <!-- Init js -->
-        <script src="../assets/js/pages/tablesaw.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/task-details.html b/public/modern/task-details.html
deleted file mode 100644
index c105798..0000000
--- a/public/modern/task-details.html
+++ /dev/null
@@ -1,2025 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Task Detail | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Plugins css -->
-        <link href="../assets/libs/dropzone/min/dropzone.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Task Detail</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Tasks</a></li>
-                                            <li class="breadcrumb-item active">Task Detail</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-8">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none text-muted"
-                                                data-toggle="dropdown" aria-expanded="false">
-                                                <i class='mdi mdi-dots-horizontal font-18'></i>
-                                            </a>
-                                        
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">
-                                                    <i class='mdi mdi-attachment mr-1'></i>Attachment
-                                                </a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">
-                                                    <i class='mdi mdi-pencil-outline mr-1'></i>Edit
-                                                </a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">
-                                                    <i class='mdi mdi-content-copy mr-1'></i>Mark as Duplicate
-                                                </a>
-                                                <div class="dropdown-divider"></div>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item text-danger">
-                                                    <i class='mdi mdi-delete-outline mr-1'></i>Delete
-                                                </a>
-                                            </div>
-                                        </div>
-                                        <p class="text-primary">#MN2048</p>
-                                        <h4 class="mb-1">Minton admin Dashboard Re-design</h4>
-                                        <p class="text-muted mb-1">If several languages coalesce of the resulting language is more simple than the existing</p>
-
-                                        <div class="text-muted">
-                                             <div class="row">
-                                                <div class="col-lg-4 col-sm-6">
-                                                    <div class="media mt-3">
-                                                        <div class="mr-2 align-self-center">
-                                                            <i class="ri-hashtag h2 m-0 text-muted"></i>
-                                                        </div>
-                                                        <div class="media-body overflow-hidden">
-                                                            <p class="mb-1">Task ID</p>
-                                                            <h5 class="mt-0 text-truncate">
-                                                                #MN2048
-                                                            </h5>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-4 col-sm-6">
-                                                    <div class="media mt-3">
-                                                        <div class="mr-2 align-self-center">
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="" class="avatar-sm rounded-circle">
-                                                        </div>
-                                                        <div class="media-body overflow-hidden">
-                                                            <p class="mb-1">Assign to</p>
-                                                            <h5 class="mt-0 text-truncate">
-                                                                Darnell McCormick
-                                                            </h5>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-4 col-sm-6">
-                                                    <div class="media mt-3">
-                                                        <div class="mr-2 align-self-center">
-                                                            <i class="ri-calendar-event-line h2 m-0 text-muted"></i>
-                                                        </div>
-                                                        <div class="media-body overflow-hidden">
-                                                            <p class="mb-1">Due Date</p>
-                                                            <h5 class="mt-0 text-truncate">
-                                                                Today 10am
-                                                            </h5>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                             </div>
-                                        </div>
-
-                                        <div class="mt-4">
-                                            <div>
-                                                <h5>Overview:</h5>
-                                                <p class="text-muted">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up.</p>
-                                                <div class="mt-3">
-                                                    <h5>Tags :</h5>
-                                                    <div>
-                                                        <a href="#" class="badge badge-soft-primary p-1 m-1">Photoshop</a>
-                                                        <a href="#" class="badge badge-soft-primary p-1 m-1">Html</a>
-                                                        <a href="#" class="badge badge-soft-primary p-1 m-1">Css</a>
-                                                        <a href="#" class="badge badge-soft-primary p-1 m-1">Bootstrap</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-
-                                            <div class="mt-4">
-                                                <h5>Checklists/Sub-tasks</h5>
-                                                <div class="custom-control custom-checkbox mt-1">
-                                                    <input type="checkbox" class="custom-control-input" id="checklist1">
-                                                    <label class="custom-control-label strikethrough" for="checklist1">
-                                                        Find out the old contract documents
-                                                    </label>
-                                                </div>
-
-                                                <div class="custom-control custom-checkbox mt-1">
-                                                    <input type="checkbox" class="custom-control-input" id="checklist2">
-                                                    <label class="custom-control-label strikethrough" for="checklist2">
-                                                        Organize meeting sales associates to understand need in detail
-                                                    </label>
-                                                </div>
-        
-                                                <div class="custom-control custom-checkbox mt-1">
-                                                    <input type="checkbox" class="custom-control-input" id="checklist3">
-                                                    <label class="custom-control-label strikethrough" for="checklist3">
-                                                        Make sure to cover every small details
-                                                    </label>
-                                                </div>
-                                                <!-- end sub tasks/checklists -->
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none text-muted"
-                                                data-toggle="dropdown" aria-expanded="false">
-                                                <i class='mdi mdi-dots-horizontal font-18'></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">
-                                                    <i class='mdi mdi-attachment mr-1'></i>Attachment
-                                                </a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">
-                                                    <i class='mdi mdi-pencil-outline mr-1'></i>Edit
-                                                </a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">
-                                                    <i class='mdi mdi-content-copy mr-1'></i>Mark as Duplicate
-                                                </a>
-                                                <div class="dropdown-divider"></div>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item text-danger">
-                                                    <i class='mdi mdi-delete-outline mr-1'></i>Delete
-                                                </a>
-                                            </div> <!-- end dropdown menu-->
-                                        </div> <!-- end dropdown-->
-                                        <h5 class="header-title mb-3">Attachments</h5>
-
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <div>
-                                                    <form action="/" method="post" class="dropzone" id="myAwesomeDropzone" data-plugin="dropzone" data-previews-container="#file-previews"
-                                                        data-upload-preview-template="#uploadPreviewTemplate">
-                                                        <div class="fallback">
-                                                            <input name="file" type="file" />
-                                                        </div>
-
-                                                        <div class="dz-message needsclick">
-                                                            <i class="h2 text-muted ri-upload-2-line d-inline-block"></i>
-                                                            <h4>Drop files here or click to upload.</h4>
-                                                        </div>
-                                                    </form>
-                                                </div>
-                                            </div>
-
-                                            <div class="col-sm-6">
-                                                 <div class="mt-4 mt-md-0">
-                                                    <div class="card mb-2">
-                                                        <div class="p-2">
-                                                            <div class="row align-items-center">
-                                                                <div class="col-auto">
-                                                                    <div class="avatar-sm">
-                                                                        <span class="avatar-title badge-soft-primary text-primary rounded">
-                                                                            ZIP
-                                                                        </span>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="col pl-0">
-                                                                    <a href="javascript:void(0);" class="text-muted font-weight-semibold">Minton-sketch-design.zip</a>
-                                                                    <p class="mb-0 font-12">2.3 MB</p>
-                                                                </div>
-                                                                <div class="col-auto">
-                                                                    <!-- Button -->
-                                                                    <a href="javascript:void(0);" class="btn btn-link font-16 text-muted">
-                                                                        <i class="ri-download-2-line"></i>
-                                                                    </a>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-            
-                                                    <div class="card mb-0">
-                                                        <div class="p-2">
-                                                            <div class="row align-items-center">
-                                                                <div class="col-auto">
-                                                                    <div class="avatar-sm">
-                                                                        <span class="avatar-title bg-secondary rounded">
-                                                                            .MP4
-                                                                        </span>
-                                                                    </div>
-                                                                </div>
-                                                                <div class="col pl-0">
-                                                                    <a href="javascript:void(0);" class="text-muted font-weight-semibold">Admin-bug-report.mp4</a>
-                                                                    <p class="mb-0 font-12">7.05 MB</p>
-                                                                </div>
-                                                                <div class="col-auto">
-                                                                    <!-- Button -->
-                                                                    <a href="javascript:void(0);" class="btn btn-link font-16 text-muted">
-                                                                        <i class="ri-download-2-line"></i>
-                                                                    </a>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-
-                                                    <!-- Preview -->
-                                                    <div class="dropzone-previews mt-2" id="file-previews"></div>
-
-                                                 </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <div class="float-right">
-                                            <select class="custom-select custom-select-sm ">
-                                                <option selected="">Recent</option>
-                                                <option value="1">Most Helpful</option>
-                                                <option value="2">High to Low</option>
-                                                <option value="3">Low to High</option>
-                                            </select>
-                                        </div> <!-- end dropdown-->
-
-                                        <h4 class="mb-4 mt-0 font-16">Comments (51)</h4>
-
-                                        <div class="clerfix"></div>
-                                        
-                                        <div class="media">
-                                            <img class="mr-2 rounded-circle" src="../assets/images/users/avatar-3.jpg"
-                                                alt="Generic placeholder image" height="32">
-                                            <div class="media-body">
-                                                <h5 class="mt-0">Barry Gould <small class="text-muted float-right">5 hours ago</small></h5>
-                                                Nice work, makes me think of The Money Pit.
-
-                                                <br/>
-                                                <a href="javascript: void(0);" class="text-muted font-13 d-inline-block mt-2"><i
-                                                    class="mdi mdi-reply"></i> Reply</a>
-
-                                                <div class="media mt-3">
-                                                    <a class="pr-2" href="#">
-                                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle"
-                                                            alt="Generic placeholder image" height="32">
-                                                    </a>
-                                                    <div class="media-body">
-                                                        <h5 class="mt-0">Louis Hill <small class="text-muted float-right">3 hours ago</small></h5>
-                                                        i'm in the middle of a timelapse animation myself! (Very different though.) Awesome stuff.
-
-                                                        <br/>
-                                                        <a href="javascript: void(0);" class="text-muted font-13 d-inline-block mt-2">
-                                                            <i class="mdi mdi-reply"></i> Reply
-                                                        </a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div class="media mt-3">
-                                            <img class="mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg"
-                                                alt="Generic placeholder image" height="32">
-                                            <div class="media-body">
-                                                <h5 class="mt-0">Aaron Wilson <small class="text-muted float-right">1 day ago</small></h5>
-                                                It would be very nice to have.
-
-                                                <br/>
-                                                <a href="javascript: void(0);" class="text-muted font-13 d-inline-block mt-2"><i
-                                                    class="mdi mdi-reply"></i> Reply</a>
-                                            </div>
-                                        </div>
-
-                                        <div class="text-center mt-2">
-                                            <a href="javascript:void(0);" class="text-danger"><i class="mdi mdi-spin mdi-loading mr-1"></i> Load more </a>
-                                        </div>
-
-                                        <div class="border rounded mt-4">
-                                            <form action="#" class="comment-area-box">
-                                                <textarea rows="3" class="form-control border-0 resize-none" placeholder="Your comment..."></textarea>
-                                                <div class="p-2 bg-light d-flex justify-content-between align-items-center">
-                                                    <div>
-                                                        <a href="#" class="btn btn-sm px-1 btn-light"><i class='mdi mdi-upload'></i></a>
-                                                        <a href="#" class="btn btn-sm px-1 btn-light"><i class='mdi mdi-at'></i></a>
-                                                    </div>
-                                                    <button type="submit" class="btn btn-sm btn-success"><i class='uil uil-message mr-1'></i>Submit</button>
-                                                </div>
-                                            </form>
-                                        </div> <!-- end .border-->
-
-                                    </div> <!-- end card-body-->
-                                </div>
-                                <!-- end card-->
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <!-- file preview template -->
-                        <div class="d-none" id="uploadPreviewTemplate">
-                            <div class="card mb-2 shadow-none border">
-                                <div class="p-2">
-                                    <div class="row align-items-center">
-                                        <div class="col-auto">
-                                            <img data-dz-thumbnail src="#" class="avatar-sm rounded bg-light" alt="">
-                                        </div>
-                                        <div class="col pl-0">
-                                            <a href="javascript:void(0);" class="text-muted font-weight-bold" data-dz-name></a>
-                                            <p class="mb-0" data-dz-size></p>
-                                        </div>
-                                        <div class="col-auto">
-                                            <!-- Button -->
-                                            <a href="" class="btn btn-link btn-lg text-muted" data-dz-remove>
-                                                <i class="fe-x"></i>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js -->
-        <script src="../assets/libs/dropzone/min/dropzone.min.js"></script>
-
-        <!-- Init js-->
-        <script src="../assets/js/pages/form-fileuploads.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/task-kanban-board.html b/public/modern/task-kanban-board.html
deleted file mode 100644
index 22dfccf..0000000
--- a/public/modern/task-kanban-board.html
+++ /dev/null
@@ -1,2033 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Kanban Board | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Kanban Board</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Tasks</a></li>
-                                            <li class="breadcrumb-item active">Kanban Board</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Edit</a>
-                                                <a class="dropdown-item" href="#">Delete</a>
-                                                <a class="dropdown-item" href="#">Add Members</a>
-                                                <a class="dropdown-item" href="#">Add Due Date</a>
-                                            </div>
-                                        </div> <!-- end dropdown -->
-                                        
-                                        <h4 class="header-title">Upcoming</h4>
-                                        <p class="sub-header">
-                                            Your awesome text goes here. Your awesome text goes here.
-                                        </p>
-    
-                                        <ul class="sortable-list tasklist list-unstyled" id="upcoming">
-                                            <li id="task1" class="task-medium">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">iOS App home page</a></h5>
-                                                
-                                                <p>There are many variations of passages of Lorem Ipsum available.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <div>
-                                                            <a href="javascript: void(0);">
-                                                                <img src="../assets/images/users/avatar-1.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                            </a> 
-                                                            <a href="javascript: void(0);">
-                                                                <img src="../assets/images/users/avatar-3.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                            </a> 
-                                                        </div>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Jan 16, 2020</p>
-                                                        </div>
-                                                    </div>
-                                                    
-                                                </div>
-                                            </li>
-                                            <li id="task2" class="task-low">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">Topnav layout design</a></h5>
-                                                
-                                                <p>Many desktop publishing packages and web page.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Jan 22, 2020</p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </li>
-                                            <li id="task3" class="task-low">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">Invite user to a project</a></h5>
-                                                
-                                                <p>If you are going to use a passage of Lorem Ipsum.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-5.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Feb 08, 2020</p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </li>
-                                            <li class="task-high" id="task4">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">Write a release note</a></h5>
-                                                
-                                                <p>There are many variations of passages of Lorem Ipsum available.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-6.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-7.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Feb 12, 2020</p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </li>
-                                            
-                                        </ul>
-                                        <a href="javascript: void(0);" class="btn btn-primary btn-block mt-3 waves-effect waves-light"><i class="mdi mdi-plus-circle"></i> Add New</a>
-                                    </div>
-                                    
-                                </div>
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Edit</a>
-                                                <a class="dropdown-item" href="#">Delete</a>
-                                                <a class="dropdown-item" href="#">Add Members</a>
-                                                <a class="dropdown-item" href="#">Add Due Date</a>
-                                            </div>
-                                        </div> <!-- end dropdown -->
-
-                                        <h4 class="header-title">In Progress</h4>
-                                        <p class="sub-header">
-                                            Your awesome text goes here.
-                                        </p>
-
-                                        <ul class="sortable-list tasklist list-unstyled" id="inprogress">
-                                            <li id="task6" class="task-low">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">Enable analytics tracking</a></h5>
-                                                
-                                                <p>It has roots in a piece of classical Latin literature from 45 BC.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-6.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Feb 12, 2020</p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </li>
-                                            <li class="task-low" id="task7">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">Kanban board design</a></h5>
-                                                
-                                                <p>All the Lorem Ipsum generators on the Internet tend to repeat predefined.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-8.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-4.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Jan 31, 2020</p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </li>
-                                            <li class="task-high" id="task8">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">Code HTML email template</a></h5>
-                                                
-                                                <p>There are many variations of passages of Lorem Ipsum available.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-9.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Mar 27, 2020</p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </li>
-                                            
-                                        </ul>
-                                        <a href="javascript: void(0);" class="btn btn-primary btn-block mt-3 waves-effect waves-light"><i class="mdi mdi-plus-circle"></i> Add New</a>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <a class="dropdown-item" href="#">Edit</a>
-                                                <a class="dropdown-item" href="#">Delete</a>
-                                                <a class="dropdown-item" href="#">Add Members</a>
-                                                <a class="dropdown-item" href="#">Add Due Date</a>
-                                            </div>
-                                        </div> <!-- end dropdown -->
-
-                                        <h4 class="header-title">Completed</h4>
-                                        <p class="sub-header">
-                                            Your awesome text goes here. Your awesome text goes here.
-                                        </p>
-
-                                        <ul class="sortable-list tasklist list-unstyled" id="completed">
-                                            <li class="task-low" id="task10">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">Brand logo design</a></h5>
-                                                
-                                                <p>Various versions have evolved over the years, sometimes by accident.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Mar 27, 2020</p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </li>
-                                            <li class="task-medium" id="task11">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">Improve animation loader</a></h5>
-                                                
-                                                <p>A handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-3.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Mar 27, 2020</p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </li>
-                                            <li id="task12" class="task-low">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">Dashboard Re-design</a></h5>
-                                                
-                                                <p>There are many variations of passages of Lorem Ipsum available.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-5.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-8.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Apr 19, 2019</p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </li>
-                                            <li class="task-low" id="task13">
-                                                <div class="checkbox checkbox-primary mb-2 checkbox-single float-right">
-                                                    <input type="checkbox">
-                                                    <label></label>
-                                                </div>
-                                                <h5 class="mt-0"><a href="javascript: void(0);" class="text-dark">iOS App home page</a></h5>
-                                                
-                                                <p>you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
-                                                <div class="clearfix"></div>
-                                                <div class="row">
-                                                    <div class="col-auto">
-                                                        <a href="javascript: void(0);" class="text-muted">
-                                                            <img src="../assets/images/users/avatar-4.jpg" alt="task-user" class="avatar-sm img-thumbnail rounded-circle">
-                                                        </a>
-                                                    </div>
-                                                    <div class="col">
-                                                        <div class="text-right">
-                                                            <p class="font-13 mt-2 mb-0"><i class="mdi mdi-calendar"></i> Apr 27, 2020</p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </li>
-                                        </ul>
-                                        <a href="javascript: void(0);" class="btn btn-primary btn-block mt-3 waves-effect waves-light"><i class="mdi mdi-plus-circle"></i> Add New</a>
-                                    </div>
-                                </div> <!-- end card-box -->
-                            </div> <!-- end col -->
-
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <script src="../assets/libs/sortablejs/Sortable.min.js"></script>
-
-        <!-- Init -->
-        <script src="../assets/js/pages/kanban.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/task-list.html b/public/modern/task-list.html
deleted file mode 100644
index 69087d7..0000000
--- a/public/modern/task-list.html
+++ /dev/null
@@ -1,2173 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Tasks List | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Tasks</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Tasks</a></li>
-                                            <li class="breadcrumb-item active">List</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-12">
-                                <div class="row">
-                                    <div class="col">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <!-- cta -->
-                                                <div class="row">
-                                                    <div class="col-sm-3">
-                                                        <a href="#" class="btn btn-primary waves-effect waves-light"><i class='fe-plus mr-1'></i>Add New</a>
-                                                    </div>
-                                                    <div class="col-sm-9">
-                                                        <div class="float-sm-right mt-3 mt-sm-0">
-                                                            <div class="form-inline">
-                                                                <div class="mb-3 mb-sm-0 mr-sm-2">
-                                                                    <form>
-                                                                        <div class="position-relative">
-                                                                            <input type="text" class="form-control" placeholder="Search...">
-                                                                        </div>
-                                                                    </form>
-                                                                </div>
-                                                                <div class="dropdown">
-                                                                    <button class="btn btn-light dropdown-toggle" type="button"
-                                                                        data-toggle="dropdown" aria-haspopup="true"
-                                                                        aria-expanded="false">
-                                                                        <i class="mdi mdi-filter-variant"></i>
-                                                                    </button>
-                                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                                        <a class="dropdown-item" href="#">Due Date</a>
-                                                                        <a class="dropdown-item" href="#">Added Date</a>
-                                                                        <a class="dropdown-item" href="#">Assignee</a>
-                                                                    </div>
-                                                                </div>
-                                                            </div>
-                                                            
-                                                        </div>
-                                                    </div>
-                                                </div>
-
-                                                <div class="custom-accordion">
-                                                    <div class="mt-4">
-                                                        <h5 class="position-relative mb-0"><a href="#taskcollapse1" class="text-dark d-block" data-toggle="collapse">Today Tasks <span class="text-muted">(08)</span> <i class="mdi mdi-chevron-down accordion-arrow"></i></a></h5>
-                                                        <div class="collapse show" id="taskcollapse1">
-                                                            <div class="table-responsive mt-3">
-                                                                <table class="table table-centered table-nowrap table-borderless table-sm">
-                                                                    <thead class="thead-light">
-                                                                        <tr class="">
-                                                                            <th scope="col">
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="todayCheck">
-                                                                                    <label class="custom-control-label" for="todayCheck">Task ID</label>
-                                                                                </div>
-                                                                            </th>
-                                                                            <th scope="col">Tasks</th>
-                                                                            <th scope="col">Assign to</th>
-                                                                            <th scope="col">Due Date</th>
-                                                                            <th scope="col">Task priority</th>
-                                                                            <th scope="col" style="width: 85px;">Action</th>
-                                                                        </tr>
-                                                                    </thead>
-                                                                    <tbody>
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="todayCheck01">
-                                                                                    <label class="custom-control-label" for="todayCheck01">#MN2045</label>
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>IOS App home page</td>
-                                                                            <td>
-                                                                                <div>
-                                                                                    <img src="../assets/images/users/avatar-2.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Houston Fritz" />
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Today 10am</td>
-                                                                            <td><span class="badge badge-soft-danger p-1">High</span></td>
-                                                                            <td>
-                                                                                <ul class="list-inline table-action m-0">
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                                    </li>
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <div class="dropdown">
-                                                                                            <a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                                                <i class="mdi mdi-dots-vertical"></i>
-                                                                                            </a>
-                                                                                        
-                                                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                                            <a class="dropdown-item" href="#">Action</a>
-                                                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </li>
-                                                                                </ul>
-                                                                            </td>
-                                                                        </tr>
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="todayCheck02">
-                                                                                    <label class="custom-control-label" for="todayCheck02">#MN2044</label>
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Topnav layout design</td>
-                                                                            <td>
-                                                                                <div>
-                                                                                    <img src="../assets/images/users/avatar-3.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Glenn Lynch" />
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Today 04pm</td>
-                                                                            <td><span class="badge badge-soft-info p-1">Medium</span></td>
-                                                                            <td>
-                                                                                <ul class="list-inline table-action m-0">
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                                    </li>
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <div class="dropdown">
-                                                                                            <a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                                                <i class="mdi mdi-dots-vertical"></i>
-                                                                                            </a>
-                                                                                        
-                                                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                                            <a class="dropdown-item" href="#">Action</a>
-                                                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </li>
-                                                                                </ul>
-                                                                            </td>
-                                                                        </tr>
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="todayCheck03">
-                                                                                    <label class="custom-control-label" for="todayCheck03">#MN2043</label>
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Invite user to a project</td>
-                                                                            <td>
-                                                                                <div>
-                                                                                    <img src="../assets/images/users/avatar-4.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Robert Hebert" />
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Today 02pm</td>
-                                                                            <td><span class="badge badge-soft-danger p-1">High</span></td>
-                                                                            <td>
-                                                                                <ul class="list-inline table-action m-0">
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                                    </li>
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <div class="dropdown">
-                                                                                            <a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                                                <i class="mdi mdi-dots-vertical"></i>
-                                                                                            </a>
-                                                                                        
-                                                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                                            <a class="dropdown-item" href="#">Action</a>
-                                                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </li>
-                                                                                </ul>
-                                                                            </td>
-                                                                        </tr>
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="todayCheck04">
-                                                                                    <label class="custom-control-label" for="todayCheck04">#MN2042</label>
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Write a release note</td>
-                                                                            <td>
-                                                                                <div>
-                                                                                    <img src="../assets/images/users/avatar-5.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Darnell McCormick" />
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Today 06pm</td>
-                                                                            <td><span class="badge badge-soft-success p-1">Low</span></td>
-                                                                            <td>
-                                                                                <ul class="list-inline table-action m-0">
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                                    </li>
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <div class="dropdown">
-                                                                                            <a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                                                <i class="mdi mdi-dots-vertical"></i>
-                                                                                            </a>
-                                                                                        
-                                                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                                            <a class="dropdown-item" href="#">Action</a>
-                                                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </li>
-                                                                                </ul>
-                                                                            </td>
-                                                                        </tr>
-                                                                    </tbody>
-                                                                </table>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-
-                                                    <div class="mt-4">
-                                                        <h5 class="position-relative mb-0"><a href="#taskcollapse2" class="text-dark d-block" data-toggle="collapse">Upcoming Tasks <span class="text-muted">(05)</span> <i class="mdi mdi-chevron-down accordion-arrow"></i></a></h5>
-                                                        <div class="collapse show" id="taskcollapse2">
-                                                            <div class="table-responsive mt-3">
-                                                                <table class="table table-centered table-nowrap table-borderless table-sm">
-                                                                    <thead class="thead-light">
-                                                                        <tr class="">
-                                                                            <th scope="col">
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="upcomingCheck">
-                                                                                    <label class="custom-control-label" for="upcomingCheck">Task ID</label>
-                                                                                </div>
-                                                                            </th>
-                                                                            <th scope="col">Tasks</th>
-                                                                            <th scope="col">Assign to</th>
-                                                                            <th scope="col">Due Date</th>
-                                                                            <th scope="col">Task priority</th>
-                                                                            <th scope="col" style="width: 85px;">Action</th>
-                                                                        </tr>
-                                                                    </thead>
-                                                                    <tbody>
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="upcomingCheck01">
-                                                                                    <label class="custom-control-label" for="upcomingCheck01">#MN2050</label>
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Enable analytics tracking</td>
-                                                                            <td>
-                                                                                <div>
-                                                                                    <img src="../assets/images/users/avatar-5.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Donald Mealy" />
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>May 27, 2020</td>
-                                                                            <td><span class="badge badge-soft-danger p-1">High</span></td>
-                                                                            <td>
-                                                                                <ul class="list-inline table-action m-0">
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                                    </li>
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <div class="dropdown">
-                                                                                            <a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                                                <i class="mdi mdi-dots-vertical"></i>
-                                                                                            </a>
-                                                                                        
-                                                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                                            <a class="dropdown-item" href="#">Action</a>
-                                                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </li>
-                                                                                </ul>
-                                                                            </td>
-                                                                        </tr>
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="upcomingCheck02">
-                                                                                    <label class="custom-control-label" for="upcomingCheck02">#MN2049</label>
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Kanban board design</td>
-                                                                            <td>
-                                                                                <div>
-                                                                                    <img src="../assets/images/users/avatar-6.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Shelton Garza" />
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>No Due Date</td>
-                                                                            <td><span class="badge badge-soft-info p-1">Medium</span></td>
-                                                                            <td>
-                                                                                <ul class="list-inline table-action m-0">
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                                    </li>
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <div class="dropdown">
-                                                                                            <a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                                                <i class="mdi mdi-dots-vertical"></i>
-                                                                                            </a>
-                                                                                        
-                                                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                                            <a class="dropdown-item" href="#">Action</a>
-                                                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </li>
-                                                                                </ul>
-                                                                            </td>
-                                                                        </tr>
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="upcomingCheck03">
-                                                                                    <label class="custom-control-label" for="upcomingCheck03">#MN2048</label>
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Code HTML email template</td>
-                                                                            <td>
-                                                                                <div>
-                                                                                    <img src="../assets/images/users/avatar-7.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Adrian Key" />
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>June 08, 2020</td>
-                                                                            <td><span class="badge badge-soft-danger p-1">High</span></td>
-                                                                            <td>
-                                                                                <ul class="list-inline table-action m-0">
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                                    </li>
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <div class="dropdown">
-                                                                                            <a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                                                <i class="mdi mdi-dots-vertical"></i>
-                                                                                            </a>
-                                                                                        
-                                                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                                            <a class="dropdown-item" href="#">Action</a>
-                                                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </li>
-                                                                                </ul>
-                                                                            </td>
-                                                                        </tr>
-                                                                    </tbody>
-                                                                </table>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-
-                                                    <div class="mt-4">
-                                                        <h5 class="position-relative mb-0"><a href="#taskcollapse3" class="text-dark d-block" data-toggle="collapse">Other Tasks <span class="text-muted">(03)</span> <i class="mdi mdi-chevron-down accordion-arrow"></i></a></h5>
-                                                        <div class="collapse show" id="taskcollapse3">
-                                                            <div class="table-responsive mt-3">
-                                                                <table class="table table-centered table-nowrap table-borderless table-sm">
-                                                                    <thead class="thead-light">
-                                                                        <tr class="">
-                                                                            <th scope="col">
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="otherCheck">
-                                                                                    <label class="custom-control-label" for="otherCheck">Task ID</label>
-                                                                                </div>
-                                                                            </th>
-                                                                            <th scope="col">Tasks</th>
-                                                                            <th scope="col">Assign to</th>
-                                                                            <th scope="col">Due Date</th>
-                                                                            <th scope="col">Task priority</th>
-                                                                            <th scope="col" style="width: 85px;">Action</th>
-                                                                        </tr>
-                                                                    </thead>
-                                                                    <tbody>
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="otherCheck01">
-                                                                                    <label class="custom-control-label" for="otherCheck01">#MN2054</label>
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Brand logo design</td>
-                                                                            <td>
-                                                                                <div>
-                                                                                    <img src="../assets/images/users/avatar-9.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Donald Mealy" />
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>June 04, 2020</td>
-                                                                            <td><span class="badge badge-soft-danger p-1">High</span></td>
-                                                                            <td>
-                                                                                <ul class="list-inline table-action m-0">
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                                    </li>
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <div class="dropdown">
-                                                                                            <a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                                                <i class="mdi mdi-dots-vertical"></i>
-                                                                                            </a>
-                                                                                        
-                                                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                                            <a class="dropdown-item" href="#">Action</a>
-                                                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </li>
-                                                                                </ul>
-                                                                            </td>
-                                                                        </tr>
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="otherCheck02">
-                                                                                    <label class="custom-control-label" for="otherCheck02">#MN2053</label>
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Improve animation loader</td>
-                                                                            <td>
-                                                                                <div>
-                                                                                    <img src="../assets/images/users/avatar-10.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Doris Kinsey" />
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>June 10, 2020</td>
-                                                                            <td><span class="badge badge-soft-info p-1">Medium</span></td>
-                                                                            <td>
-                                                                                <ul class="list-inline table-action m-0">
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                                    </li>
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <div class="dropdown">
-                                                                                            <a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                                                <i class="mdi mdi-dots-vertical"></i>
-                                                                                            </a>
-                                                                                        
-                                                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                                                <a class="dropdown-item" href="#">Action</a>
-                                                                                                <a class="dropdown-item" href="#">Another action</a>
-                                                                                                <a class="dropdown-item" href="#">Something else here</a>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </li>
-                                                                                </ul>
-                                                                            </td>
-                                                                        </tr>
-                                                                        <tr>
-                                                                            <td>
-                                                                                <div class="custom-control custom-checkbox">
-                                                                                    <input type="checkbox" class="custom-control-input" id="otherCheck03">
-                                                                                    <label class="custom-control-label" for="otherCheck03">#MN2052</label>
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>Dashboard Re-design</td>
-                                                                            <td>
-                                                                                <div>
-                                                                                    <img src="../assets/images/users/avatar-2.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Donnell Smith" />
-                                                                                </div>
-                                                                            </td>
-                                                                            <td>No Due Date</td>
-                                                                            <td><span class="badge badge-soft-success p-1">Low</span></td>
-                                                                            <td>
-                                                                                <ul class="list-inline table-action m-0">
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
-                                                                                    </li>
-                                                                                    <li class="list-inline-item"> 
-                                                                                        <div class="dropdown">
-                                                                                            <a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                                                <i class="mdi mdi-dots-vertical"></i>
-                                                                                            </a>
-                                                                                        
-                                                                                            <div class="dropdown-menu dropdown-menu-right">
-                                                                                            <a class="dropdown-item" href="#">Action</a>
-                                                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                                                            </div>
-                                                                                        </div>
-                                                                                    </li>
-                                                                                </ul>
-                                                                            </td>
-                                                                        </tr>
-                                                                    </tbody>
-                                                                </table>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container-fluid -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-avatars.html b/public/modern/ui-avatars.html
deleted file mode 100644
index ec55214..0000000
--- a/public/modern/ui-avatars.html
+++ /dev/null
@@ -1,1952 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Avatars | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Avatars</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Avatars</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Sizing - Images</h4>
-                                        <p class="sub-header">
-                                            Create and group avatars of different sizes and shapes with the css classes.
-                                            Using Bootstrap's naming convention, you can control size of avatar including standard avatar, or scale it up to different sizes.
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-md-3">
-                                                <img src="../assets/images/users/avatar-2.jpg" alt="image" class="img-fluid avatar-xs rounded">
-                                                <p>
-                                                    <code>.avatar-xs</code>
-                                                </p>
-                                                <img src="../assets/images/users/avatar-3.jpg" alt="image" class="img-fluid avatar-sm rounded mt-2">
-                                                <p class="mb-2 mb-sm-0">
-                                                    <code>.avatar-sm</code>
-                                                </p>
-                                            </div>
-                                            <div class="col-md-3">
-                                                <img src="../assets/images/users/avatar-4.jpg" alt="image"
-                                                        class="img-fluid avatar-md rounded"/>
-                                                <p>
-                                                    <code>.avatar-md</code>
-                                                </p>
-                                            </div>
-
-                                            <div class="col-md-3">
-                                                <img src="../assets/images/users/avatar-5.jpg" alt="image"
-                                                        class="img-fluid avatar-lg rounded"/>
-                                                <p>
-                                                    <code>.avatar-lg</code>
-                                                </p>
-                                            </div>
-
-                                            <div class="col-md-3">
-                                                <img src="../assets/images/users/avatar-6.jpg" alt="image"
-                                                        class="img-fluid avatar-xl rounded"/>
-                                                <p class="mb-0">
-                                                    <code>.avatar-xl</code>
-                                                </p>
-                                            </div>
-                                        </div> <!-- end row-->
-
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Rounded Circle</h4>
-                                        <p class="sub-header">
-                                            Using an additional class <code>.rounded-circle</code> in <code>&lt;img&gt;</code> element creates the rounded avatar.
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <img src="../assets/images/users/avatar-7.jpg" alt="image"
-                                                        class="img-fluid avatar-md rounded-circle"/>
-                                                <p class="mt-1">
-                                                    <code>.avatar-md .rounded-circle</code>
-                                                </p>
-                                            </div>
-
-                                            <div class="col-md-4">
-                                                <img src="../assets/images/users/avatar-8.jpg" alt="image"
-                                                        class="img-fluid avatar-lg rounded-circle"/>
-                                                <p>
-                                                    <code>.avatar-lg .rounded-circle</code>
-                                                </p>
-                                            </div>
-
-                                            <div class="col-md-4">
-                                                <img src="../assets/images/users/avatar-9.jpg" alt="image"
-                                                        class="img-fluid avatar-xl rounded-circle"/>
-                                                <p class="mb-0">
-                                                    <code>.avatar-xl .rounded-circle</code>
-                                                </p>
-                                            </div>
-                                        </div> <!-- end row-->
-                                        
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Sizing - Background Color</h4>
-                                        <p class="sub-header">
-                                            Using utilities classes of background e.g. <code>bg-*</code> allows you to have any background color as well.
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-md-3">
-                                                <div class="avatar-xs">
-                                                    <span class="avatar-title bg-primary rounded">
-                                                        xs
-                                                    </span>
-                                                </div>
-                                                <p class="mb-2 font-14 mt-1">
-                                                    Using <code>.avatar-xs</code>
-                                                </p>
-                                                
-                                                <div class="avatar-sm mt-3">
-                                                    <span class="avatar-title bg-success rounded">
-                                                        sm
-                                                    </span>
-                                                </div>
-
-                                                <p class="mb-0 font-14 mt-1">
-                                                    Using <code>.avatar-sm</code>
-                                                </p>
-                                            </div>
-                                            <div class="col-md-3">
-                                                <div class="avatar-md">
-                                                    <span class="avatar-title bg-soft-info text-info font-20 rounded">
-                                                        MD
-                                                    </span>
-                                                </div>
-
-                                                <p class="mb-0 font-14 mt-1">
-                                                    Using <code>.avatar-md</code>
-                                                </p>
-                                            </div>
-
-                                            <div class="col-md-3">
-                                                <div class="avatar-lg">
-                                                    <span class="avatar-title bg-danger font-22 rounded">
-                                                        LG
-                                                    </span>
-                                                </div>
-
-                                                <p class="mb-0 font-14 mt-1">
-                                                    Using <code>.avatar-lg</code>
-                                                </p>
-                                            </div>
-
-                                            <div class="col-md-3">
-                                                <div class="avatar-xl">
-                                                    <span class="avatar-title bg-soft-warning text-warning font-24 rounded">
-                                                        XL
-                                                    </span>
-                                                </div>
-
-                                                <p class="mb-0 font-14 mt-1">
-                                                    Using <code>.avatar-xl</code>
-                                                </p>
-                                            </div>
-                                        </div> <!-- end row-->
-
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Rounded Circle Background</h4>
-                                        <p class="sub-header">
-                                            Using an additional class <code>.rounded-circle</code> in <code>&lt;img&gt;</code> element creates the rounded avatar.
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <div class="avatar-md">
-                                                    <span class="avatar-title bg-soft-secondary text-secondary font-20 rounded-circle">
-                                                        MD
-                                                    </span>
-                                                </div>
-
-                                                <p class="mb-0 font-14 mt-1">
-                                                    Using <code>.avatar-md .rounded-circle</code>
-                                                </p>
-                                            </div>
-
-                                            <div class="col-md-4">
-                                                <div class="avatar-lg">
-                                                    <span class="avatar-title bg-light text-dark font-22 rounded-circle">
-                                                        LG
-                                                    </span>
-                                                </div>
-
-                                                <p class="mb-0 font-14 mt-1">
-                                                    Using <code>.avatar-lg .rounded-circle</code>
-                                                </p>
-                                            </div>
-
-                                            <div class="col-md-4">
-                                                <div class="avatar-xl">
-                                                    <span class="avatar-title bg-soft-primary text-primary font-24 rounded-circle">
-                                                        XL
-                                                    </span>
-                                                </div>
-
-                                                <p class="mb-0 font-14 mt-1">
-                                                    Using <code>.avatar-xl .rounded-circle</code>
-                                                </p>
-                                            </div>
-                                        </div> <!-- end row-->
-
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Images Shapes</h4>
-                                        <p class="sub-header">
-                                            Avatars with different sizes and shapes.
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-sm-2">
-                                                <img src="../assets/images/small/img-2.jpg" alt="image"
-                                                        class="img-fluid rounded" width="200"/>
-                                                <p class="mb-0">
-                                                    <code>.rounded</code>
-                                                </p>
-                                            </div>
-
-                                            <div class="col-sm-2 text-center">
-                                                <img src="../assets/images/users/avatar-5.jpg" alt="image"
-                                                        class="img-fluid rounded" width="120"/>
-                                                <p class="mb-0">
-                                                    <code>.rounded</code>
-                                                </p>
-                                            </div>
-                                            
-                                            <div class="col-sm-2 text-center">
-                                                <img src="../assets/images/users/avatar-7.jpg" alt="image"
-                                                        class="img-fluid rounded-circle" width="120"/>
-                                                <p class="mb-0">
-                                                    <code>.rounded-circle</code>
-                                                </p>
-                                            </div>
-
-                                            <div class="col-sm-2">
-                                                <img src="../assets/images/small/img-3.jpg" alt="image"
-                                                        class="img-fluid img-thumbnail" width="200"/>
-                                                <p class="mb-0">
-                                                    <code>.img-thumbnail</code>
-                                                </p>
-                                            </div>
-                                            <div class="col-sm-2">
-                                                <img src="../assets/images/users/avatar-8.jpg" alt="image"
-                                                        class="img-fluid rounded-circle img-thumbnail" width="120"/>
-                                                <p class="mb-0">
-                                                    <code>.rounded-circle .img-thumbnail</code>
-                                                </p>
-                                            </div>
-                                        </div> <!-- end row-->
-
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-buttons.html b/public/modern/ui-buttons.html
deleted file mode 100644
index 161996e..0000000
--- a/public/modern/ui-buttons.html
+++ /dev/null
@@ -1,2157 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Buttons | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Buttons</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Buttons</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Default Buttons</h4>
-                                        <p class="sub-header">
-                                            Use the button classes on an <code>&lt;a&gt;</code>, <code>&lt;button&gt;</code>, or <code>&lt;input&gt;</code> element.
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-primary waves-effect waves-light">Primary</button>
-                                            <button type="button" class="btn btn-success waves-effect waves-light">Success</button>
-                                            <button type="button" class="btn btn-info waves-effect waves-light">Info</button>
-                                            <button type="button" class="btn btn-warning waves-effect waves-light">Warning</button>
-                                            <button type="button" class="btn btn-danger waves-effect waves-light">Danger</button>
-                                            <button type="button" class="btn btn-dark waves-effect waves-light">Dark</button>
-                                            <button type="button" class="btn btn-purple waves-effect waves-light">Purple</button>
-                                            <button type="button" class="btn btn-pink waves-effect waves-light">Pink</button>
-                                            <button type="button" class="btn btn-secondary waves-effect">Secondary</button>
-                                            <button type="button" class="btn btn-light waves-effect">Light</button>
-                                            <button type="button" class="btn btn-white waves-effect">White</button>
-                                            <button type="button" class="btn btn-link waves-effect">Link</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Rounded Buttons</h4>
-                                        <p class="sub-header">
-                                            Add <code>.btn-rounded</code> to default button to get rounded corners.
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-primary btn-rounded waves-effect waves-light">Primary</button>
-                                            <button type="button" class="btn btn-success btn-rounded waves-effect waves-light">Success</button>
-                                            <button type="button" class="btn btn-info btn-rounded waves-effect waves-light">Info</button>
-                                            <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light">Warning</button>
-                                            <button type="button" class="btn btn-danger btn-rounded waves-effect waves-light">Danger</button>
-                                            <button type="button" class="btn btn-dark btn-rounded waves-effect waves-light">Dark</button>
-                                            <button type="button" class="btn btn-purple btn-rounded waves-effect waves-light">Purple</button>
-                                            <button type="button" class="btn btn-pink btn-rounded waves-effect waves-light">Pink</button>
-                                            <button type="button" class="btn btn-secondary btn-rounded waves-effect">Secondary</button>
-                                            <button type="button" class="btn btn-white btn-rounded waves-effect">White</button>
-                                            <button type="button" class="btn btn-light btn-rounded waves-effect">Light</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Outline Buttons</h4>
-                                        <p class="sub-header">
-                                            Use a classes <code>.btn-outline-**</code> to quickly create a bordered buttons.
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-outline-primary waves-effect waves-light">Primary</button>
-                                            <button type="button" class="btn btn-outline-success waves-effect waves-light">Success</button>
-                                            <button type="button" class="btn btn-outline-info waves-effect waves-light">Info</button>
-                                            <button type="button" class="btn btn-outline-warning waves-effect waves-light">Warning</button>
-                                            <button type="button" class="btn btn-outline-danger waves-effect waves-light">Danger</button>
-                                            <button type="button" class="btn btn-outline-dark waves-effect waves-light">Dark</button>
-                                            <button type="button" class="btn btn-outline-purple waves-effect waves-light">Purple</button>
-                                            <button type="button" class="btn btn-outline-pink waves-effect waves-light">Pink</button>
-                                            <button type="button" class="btn btn-outline-secondary waves-effect">Secondary</button>
-                                            <button type="button" class="btn btn-outline-light waves-effect">Light</button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Outline Rounded Buttons</h4>
-                                        <p class="sub-header">
-                                            Add <code>.btn-rounded</code> to default button to get rounded corners.
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-outline-primary btn-rounded waves-effect waves-light">Primary</button>
-                                            <button type="button" class="btn btn-outline-success btn-rounded waves-effect waves-light">Success</button>
-                                            <button type="button" class="btn btn-outline-info btn-rounded waves-effect waves-light">Info</button>
-                                            <button type="button" class="btn btn-outline-warning btn-rounded waves-effect waves-light">Warning</button>
-                                            <button type="button" class="btn btn-outline-danger btn-rounded waves-effect waves-light">Danger</button>
-                                            <button type="button" class="btn btn-outline-dark btn-rounded waves-effect waves-light">Dark</button>
-                                            <button type="button" class="btn btn-outline-purple btn-rounded waves-effect waves-light">Purple</button>
-                                            <button type="button" class="btn btn-outline-pink btn-rounded waves-effect waves-light">Pink</button>
-                                            <button type="button" class="btn btn-outline-secondary btn-rounded waves-effect">Secondary</button>
-                                            <button type="button" class="btn btn-outline-light btn-rounded waves-effect">Light</button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Soft Buttons</h4>
-                                        <p class="sub-header">
-                                            Use a classes <code>.btn-soft-**</code> to quickly create buttons with soft background.
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-soft-primary waves-effect waves-light">Primary</button>
-                                            <button type="button" class="btn btn-soft-success waves-effect waves-light">Success</button>
-                                            <button type="button" class="btn btn-soft-info waves-effect waves-light">Info</button>
-                                            <button type="button" class="btn btn-soft-warning waves-effect waves-light">Warning</button>
-                                            <button type="button" class="btn btn-soft-danger waves-effect waves-light">Danger</button>
-                                            <button type="button" class="btn btn-soft-dark waves-effect waves-light">Dark</button>
-                                            <button type="button" class="btn btn-soft-purple waves-effect waves-light">Purple</button>
-                                            <button type="button" class="btn btn-soft-pink waves-effect waves-light">Pink</button>
-                                            <button type="button" class="btn btn-soft-secondary waves-effect">Secondary</button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Soft Rounded Buttons</h4>
-                                        <p class="sub-header">
-                                            Add <code>.btn-rounded</code> to default button to get rounded corners.
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-soft-primary btn-rounded waves-effect waves-light">Primary</button>
-                                            <button type="button" class="btn btn-soft-success btn-rounded waves-effect waves-light">Success</button>
-                                            <button type="button" class="btn btn-soft-info btn-rounded waves-effect waves-light">Info</button>
-                                            <button type="button" class="btn btn-soft-warning btn-rounded waves-effect waves-light">Warning</button>
-                                            <button type="button" class="btn btn-soft-danger btn-rounded waves-effect waves-light">Danger</button>
-                                            <button type="button" class="btn btn-soft-dark btn-rounded waves-effect waves-light">Dark</button>
-                                            <button type="button" class="btn btn-soft-purple btn-rounded waves-effect waves-light">Purple</button>
-                                            <button type="button" class="btn btn-soft-pink btn-rounded waves-effect waves-light">Pink</button>
-                                            <button type="button" class="btn btn-soft-secondary btn-rounded waves-effect">Secondary</button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-                                
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bordered Buttons</h4>
-                                        <p class="sub-header">Use a classes <code>.btn-bordered-*</code> to quickly create a bordered buttons.</p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-bordered-primary waves-effect waves-light">Primary</button>
-                                            <button type="button" class="btn btn-bordered-success waves-effect waves-light">Success</button>
-                                            <button type="button" class="btn btn-bordered-info waves-effect waves-light">Info</button>
-                                            <button type="button" class="btn btn-bordered-warning waves-effect waves-light">Warning</button>
-                                            <button type="button" class="btn btn-bordered-danger waves-effect waves-light">Danger</button>
-                                            <button type="button" class="btn btn-bordered-dark waves-effect waves-light">Dark</button>
-                                            <button type="button" class="btn btn-bordered-purple waves-effect waves-light">Purple</button>
-                                            <button type="button" class="btn btn-bordered-pink waves-effect waves-light">Pink</button>
-                                            <button type="button" class="btn btn-bordered-secondary waves-effect">Secondary</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bordered Rounded Buttons</h4>
-                                        <p class="sub-header">Use a classes <code>.btn-bordered-*</code> to quickly create a bordered buttons.</p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-bordered-primary btn-rounded waves-effect waves-light">Primary</button>
-                                            <button type="button" class="btn btn-bordered-success btn-rounded waves-effect waves-light">Success</button>
-                                            <button type="button" class="btn btn-bordered-info btn-rounded waves-effect waves-light">Info</button>
-                                            <button type="button" class="btn btn-bordered-warning btn-rounded waves-effect waves-light">Warning</button>
-                                            <button type="button" class="btn btn-bordered-danger btn-rounded waves-effect waves-light">Danger</button>
-                                            <button type="button" class="btn btn-bordered-dark btn-rounded waves-effect waves-light">Dark</button>
-                                            <button type="button" class="btn btn-bordered-purple btn-rounded waves-effect waves-light">Purple</button>
-                                            <button type="button" class="btn btn-bordered-pink btn-rounded waves-effect waves-light">Pink</button>
-                                            <button type="button" class="btn btn-bordered-secondary btn-rounded waves-effect">Secondary</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Buttons Labels</h4>
-                                        <p class="sub-header">
-                                            Put <code>&lt;span&gt;</code> with class <code>.btn-label</code> and any <code>icon</code> inside it. If you want to
-                                            put icon on right side then add class <code>.btn-label-right</code> in <code>&lt;span&gt;</code>
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-success waves-effect waves-light">
-                                                <span class="btn-label"><i class="mdi mdi-check-all"></i></span>Success
-                                            </button>
-                                            <button type="button" class="btn btn-danger waves-effect waves-light">
-                                                <span class="btn-label"><i class="mdi mdi-close-circle-outline"></i></span>Danger
-                                            </button>
-                                            <button type="button" class="btn btn-info waves-effect waves-light">
-                                                <span class="btn-label"><i class="mdi mdi-alert-circle-outline"></i></span>Info
-                                            </button>
-                                            <button type="button" class="btn btn-warning waves-effect waves-light">
-                                                <span class="btn-label"><i class="mdi mdi-alert"></i></span>Warning
-                                            </button>
-                                        </div>
-                                        <br/>
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-success waves-effect waves-light">
-                                                Success<span class="btn-label-right"><i class="mdi mdi-check-all"></i></span>
-                                            </button>
-                                            <button type="button" class="btn btn-danger waves-effect waves-light">
-                                                Danger<span class="btn-label-right"><i class="mdi mdi-close-circle-outline"></i></span>
-                                            </button>
-                                            <button type="button" class="btn btn-info waves-effect waves-light">
-                                                Info<span class="btn-label-right"><i class="mdi mdi-alert-circle-outline"></i></span>
-                                            </button>
-                                            <button type="button" class="btn btn-warning waves-effect waves-light">
-                                                Warning<span class="btn-label-right"><i class="mdi mdi-alert"></i></span>
-                                            </button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Rounded Buttons Lables</h4>
-                                        <p class="sub-header">
-                                            Put <code>&lt;span&gt;</code> with class <code>.btn-label</code> and any <code>icon</code> inside it. If you want to
-                                            put icon on right side then add class <code>.btn-label-right</code> in <code>&lt;span&gt;</code>
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-success btn-rounded waves-effect waves-light">
-                                                <span class="btn-label"><i class="mdi mdi-check-all"></i></span>Success
-                                            </button>
-                                            <button type="button" class="btn btn-danger btn-rounded waves-effect waves-light">
-                                                <span class="btn-label"><i class="mdi mdi-close-circle-outline"></i></span>Danger
-                                            </button>
-                                            <button type="button" class="btn btn-info btn-rounded waves-effect waves-light">
-                                                <span class="btn-label"><i class="mdi mdi-alert-circle-outline"></i></span>Info
-                                            </button>
-                                            <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light">
-                                                <span class="btn-label"><i class="mdi mdi-alert"></i></span>Warning
-                                            </button>
-                                        </div>
-                                        <br/>
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-success btn-rounded waves-effect waves-light">
-                                                Success<span class="btn-label-right"><i class="mdi mdi-check-all"></i></span>
-                                            </button>
-                                            <button type="button" class="btn btn-danger btn-rounded waves-effect waves-light">
-                                                Danger<span class="btn-label-right"><i class="mdi mdi-close-circle-outline"></i></span>
-                                            </button>
-                                            <button type="button" class="btn btn-info btn-rounded waves-effect waves-light">
-                                                Info<span class="btn-label-right"><i class="mdi mdi-alert-circle-outline"></i></span>
-                                            </button>
-                                            <button type="button" class="btn btn-warning btn-rounded waves-effect waves-light">
-                                                Warning<span class="btn-label-right"><i class="mdi mdi-alert"></i></span>
-                                            </button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Button Width</h4>
-                                        <p class="sub-header">
-                                            Create buttons with minimum width by adding add <code>.width-xs</code>, <code>.width-sm</code>, <code>.width-md</code>, <code>.width-lg</code> or <code>.width-xl</code>.
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-primary width-xs waves-effect waves-light">xs</button>
-                                            <button type="button" class="btn btn-success width-sm waves-effect waves-light">Small</button>
-                                            <button type="button" class="btn btn-info width-md waves-effect waves-light">Middle</button>
-                                            <button type="button" class="btn btn-warning width-lg waves-effect waves-light">Large</button>
-                                            <button type="button" class="btn btn-danger width-xl waves-effect waves-light">Extra Large</button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Button Sizes</h4>
-                                        <p class="sub-header">
-                                            Add <code>.btn-lg</code>, <code>.btn-sm</code>, or <code>.btn-xs</code> for additional sizes.
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-pink btn-lg waves-effect waves-light">Btn Large</button>
-                                            <button type="button" class="btn btn-secondary waves-effect waves-light">Btn Normal</button>
-                                            <button type="button" class="btn btn-purple btn-sm waves-effect waves-light">Btn Small</button>
-                                            <button type="button" class="btn btn-warning btn-xs waves-effect waves-light">Btn Xs</button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->         
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Button Disabled</h4>
-                                        <p class="sub-header">
-                                            Add the <code>disabled</code> attribute to <code>&lt;button&gt;</code> buttons.
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-primary disabled">Primary</button>
-                                            <button type="button" class="btn btn-success disabled">Success</button>
-                                            <button type="button" class="btn btn-info disabled">Info</button>
-                                            <button type="button" class="btn btn-warning disabled">Warning</button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Icons Buttons</h4>
-                                        <p class="sub-header">
-                                            Icon only button.
-                                        </p>
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-success waves-effect waves-light"><i class="mdi mdi-heart-half-full"></i></button>
-                                            <button type="button" class="btn btn-danger waves-effect waves-light"><i class="mdi mdi-close"></i></button>
-                                            <button type="button" class="btn btn-info waves-effect waves-light"><i class="mdi mdi-music"></i></button>
-                                            <button type="button" class="btn btn-warning waves-effect waves-light"><i class="mdi mdi-star"></i></button>
-                                            <button type="button" class="btn btn-purple waves-effect waves-light"><i class="mdi mdi-cog"></i></button>
-                                        </div>
-                                        <br/>
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-success waves-effect waves-light"><i class="mdi mdi-heart mr-1"></i> Like</button>
-                                            <button type="button" class="btn btn-dark waves-effect waves-light"><i class="mdi mdi-email-outline mr-1"></i> Share</button>
-                                            <button type="button" class="btn btn-info waves-effect waves-light"><i class="mdi mdi-cloud-outline mr-1"></i> Cloud Hosting</button>
-                                            <button type="button" class="btn btn-warning waves-effect waves-light">Donate <i class="mdi mdi-currency-btc ml-1"></i></button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Block Buttons</h4>
-                                        <p class="sub-header">
-                                            Create block level buttons,with by adding add <code>.btn-block</code>.
-                                        </p>
-
-                                        <div>
-                                            <button type="button" class="btn btn-block btn-lg btn-primary waves-effect waves-light">Block Button</button>
-                                            <button type="button" class="btn btn-block btn-pink waves-effect waves-light">Block Button</button>
-                                            <button type="button" class="btn btn-block btn-sm btn-success waves-effect waves-light">Block Button</button>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Button Group</h4>
-                                        <p class="sub-header">
-                                            Wrap a series of buttons with <code>.btn</code> in <code>.btn-group</code>.
-                                        </p>
-
-                                        <div class="btn-group mb-2">
-                                            <button type="button" class="btn btn-light">Left</button>
-                                            <button type="button" class="btn btn-light">Middle</button>
-                                            <button type="button" class="btn btn-light">Right</button>
-                                        </div>
-
-                                        <br>
-
-                                        <div class="btn-group mb-2">
-                                            <button type="button" class="btn btn-light">1</button>
-                                            <button type="button" class="btn btn-light">2</button>
-                                            <button type="button" class="btn btn-light">3</button>
-                                            <button type="button" class="btn btn-light">4</button>
-                                        </div>
-
-                                        <div class="btn-group mb-2">
-                                            <button type="button" class="btn btn-light">5</button>
-                                            <button type="button" class="btn btn-light">6</button>
-                                            <button type="button" class="btn btn-light">7</button>
-                                        </div>
-
-                                        <div class="btn-group mb-2">
-                                            <button type="button" class="btn btn-light">8</button>
-                                        </div>
-
-                                        <br>
-
-                                        <div class="btn-group mb-2">
-                                            <button type="button" class="btn btn-light">1</button>
-                                            <button type="button" class="btn btn-primary">2</button>
-                                            <button type="button" class="btn btn-light">3</button>
-                                            <div class="btn-group">
-                                                <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Dropdown <i class="mdi mdi-chevron-down"></i> </button>
-                                                <div class="dropdown-menu">
-                                                    <a class="dropdown-item" href="#">Dropdown link</a>
-                                                    <a class="dropdown-item" href="#">Dropdown link</a>
-                                                </div>
-                                            </div>
-                                        </div>
-
-                                        <div class="row">
-                                            <div class="col-md-3">
-                                                <div class="btn-group-vertical mb-2">
-                                                    <button type="button" class="btn btn-light">Top</button>
-                                                    <button type="button" class="btn btn-light">Middle</button>
-                                                    <button type="button" class="btn btn-light">Bottom</button>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-3">
-                                                <div class="btn-group-vertical mb-2">
-                                                    <button type="button" class="btn btn-light">Button 1</button>
-                                                    <button type="button" class="btn btn-light">Button 2</button>
-                                                    <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Button 3 <i class="mdi mdi-chevron-down"></i> </button>
-                                                    <div class="dropdown-menu">
-                                                        <a class="dropdown-item" href="#">Dropdown link</a>
-                                                        <a class="dropdown-item" href="#">Dropdown link</a>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <h4 class="header-title">File upload buttons</h4>
-                                        <p class="sub-header">
-                                            Use the button classes on an <code>&lt;a&gt;</code>, <code>&lt;button&gt;</code>, or <code>&lt;input&gt;</code> element.
-                                        </p>
-
-                                        <div class="fileupload btn btn-primary waves-effect waves-light mt-1">
-                                            <span>Upload</span>
-                                            <input type="file" class="upload">
-                                        </div>
-                                        <div class="fileupload btn btn-secondary waves-effect mt-1">
-                                            <span><i class="mdi mdi-cloud-upload mr-1"></i>Upload</span>
-                                            <input type="file" class="upload">
-                                        </div>
-                                    </div><!-- end card-body -->
-                                </div> <!-- end card -->
-
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-cards.html b/public/modern/ui-cards.html
deleted file mode 100644
index 2dd0e3c..0000000
--- a/public/modern/ui-cards.html
+++ /dev/null
@@ -1,2285 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Cards | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Cards</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Cards</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-lg-6 col-xl-3">
-                                <!-- Simple card -->
-                                <div class="card">
-                                    <img class="card-img-top img-fluid" src="../assets/images/small/img-1.jpg" alt="Card image cap">
-                                    <div class="card-body">
-                                        <h5 class="card-title">Card title</h5>
-                                        <p class="card-text">Some quick example text to build on the card title and make
-                                            up the bulk of the card's content. With supporting text below as a natural lead-in to additional content.</p>
-                                        <a href="javascript:void(0);" class="btn btn-primary waves-effect waves-light">Button</a>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-lg-6 col-xl-3">
-                                <div class="card">
-                                    <img class="card-img-top img-fluid" src="../assets/images/small/img-2.jpg" alt="Card image cap">
-                                    <div class="card-body">
-                                        <h5 class="card-title">Card title</h5>
-                                        <p class="card-text">Some quick example text to build on the card title.</p>
-                                    </div>
-                                    <ul class="list-group list-group-flush">
-                                        <li class="list-group-item">Dapibus ac facilisis in</li>
-                                    </ul>
-                                    <div class="card-body">
-                                        <a href="javascript:void(0);" class="card-link text-custom">Card link</a>
-                                        <a href="javascript:void(0);" class="card-link text-custom">Another link</a>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-lg-6 col-xl-3">
-                                <div class="card">
-                                    <img class="card-img-top img-fluid" src="../assets/images/small/img-3.jpg" alt="Card image cap">
-                                    <div class="card-body">
-                                        <p class="card-text">Some quick example text to build on the card title and make
-                                            up the bulk of the card's content. With supporting text below as a natural lead-in to additional content.</p>
-                                        <a href="javascript:void(0);" class="btn btn-primary waves-effect waves-light">Button</a>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-lg-6 col-xl-3">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h5 class="card-title">Card title</h5>
-                                        <h6 class="card-subtitle text-muted">Support card subtitle</h6>
-                                    </div>
-                                    <img class="img-fluid" src="../assets/images/small/img-4.jpg" alt="Card image cap">
-                                    <div class="card-body">
-                                        <p class="card-text">Some quick example text to build on the card title and make
-                                            up the bulk of the card's content.</p>
-                                        <a href="javascript:void(0);" class="card-link text-custom">Card link</a>
-                                        <a href="javascript:void(0);" class="card-link text-custom">Another link</a>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card card-body">
-                                    <h5 class="card-title">Special title treatment</h5>
-                                    <p class="card-text">With supporting text below as a natural lead-in to additional
-                                        content.</p>
-                                    <a href="javascript:void(0);" class="btn btn-primary waves-effect waves-light">Go somewhere</a>
-                                </div>
-                            </div>
-                            <div class="col-lg-6">
-                                <div class="card card-body">
-                                    <h5 class="card-title">Special title treatment</h5>
-                                    <p class="card-text">With supporting text below as a natural lead-in to additional
-                                        content.</p>
-                                    <a href="javascript:void(0);" class="btn btn-primary waves-effect waves-light">Go somewhere</a>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card card-body">
-                                    <h5 class="card-title">Special title treatment</h5>
-                                    <p class="card-text">With supporting text below as a natural lead-in to additional
-                                        content.</p>
-                                    <a href="javascript:void(0);" class="btn btn-primary waves-effect waves-light">Go somewhere</a>
-                                </div>
-                            </div>
-                            <div class="col-lg-4">
-                                <div class="card card-body">
-                                    <h5 class="card-title">Special title treatment</h5>
-                                    <p class="card-text">With supporting text below as a natural lead-in to additional
-                                        content.</p>
-                                    <a href="javascript:void(0);" class="btn btn-primary waves-effect waves-light">Go somewhere</a>
-                                </div>
-                            </div>
-                            <div class="col-lg-4">
-                                <div class="card card-body text-xs-right">
-                                    <h5 class="card-title">Special title treatment</h5>
-                                    <p class="card-text">With supporting text below as a natural lead-in to additional
-                                        content.</p>
-                                    <a href="javascript:void(0);" class="btn btn-primary waves-effect waves-light">Go somewhere</a>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-md-4">
-                                <div class="card">
-                                    <h5 class="card-header">Featured</h5>
-                                    <div class="card-body">
-                                        <h5 class="card-title">Special title treatment</h5>
-                                        <p class="card-text">With supporting text below as a natural lead-in to
-                                            additional content.</p>
-                                        <a href="javascript:void(0);" class="btn btn-primary waves-effect waves-light">Go somewhere</a>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                            <div class="col-md-4">
-                                <div class="card">
-                                    <div class="card-header">
-                                        Quote
-                                    </div>
-                                    <div class="card-body">
-                                        <blockquote class="card-bodyquote mb-2">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer>Someone famous in <cite title="Source Title">Source Title</cite>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                            <div class="col-md-4">
-                                <div class="card">
-                                    <div class="card-header">
-                                        Featured
-                                    </div>
-                                    <div class="card-body">
-                                        <p class="card-text">With supporting text below as a natural lead-in to
-                                            additional content. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-                                    </div>
-                                    <div class="card-footer text-muted">
-                                        2 days ago
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-md-4">
-                                <div class="card">
-                                    <img class="card-img-top img-fluid" src="../assets/images/small/img-5.jpg" alt="Card image cap">
-                                    <div class="card-body">
-                                        <h5 class="card-title">Card title</h5>
-                                        <p class="card-text">This is a wider card with supporting text below as a
-                                            natural lead-in to additional content. This content is a little bit
-                                            longer.</p>
-                                        <p class="card-text">
-                                            <small class="text-muted">Last updated 3 mins ago</small>
-                                        </p>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                            <div class="col-md-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h5 class="card-title">Card title</h5>
-                                        <p class="card-text">This is a wider card with supporting text below as a
-                                            natural lead-in to additional content. This content is a little bit
-                                            longer.</p>
-                                        <p class="card-text">
-                                            <small class="text-muted">Last updated 3 mins ago</small>
-                                        </p>
-                                    </div>
-                                    <img class="card-img-bottom img-fluid" src="../assets/images/small/img-6.jpg" alt="Card image cap">
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                            <div class="col-md-4">
-                                <div class="card card-inverse text-white">
-                                    <img class="card-img img-fluid" src="../assets/images/small/img-7.jpg" alt="Card image">
-                                    <div class="card-img-overlay">
-                                        <h5 class="card-title text-white">Card title</h5>
-                                        <p class="card-text">This is a wider card with supporting text below as a
-                                            natural lead-in to additional content. This content is a little bit
-                                            longer.</p>
-                                        <p class="card-text">
-                                            <small class="">Last updated 3 mins ago</small>
-                                        </p>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-md-4">
-                                <div class="card bg-secondary text-white">
-                                    <div class="card-body">
-                                        <h5 class="card-title text-white">Special title treatment</h5>
-                                        <p class="card-text">With supporting text below as a natural lead-in to
-                                            additional content.</p>
-                                        <a href="javascript:void(0);" class="btn btn-light btn-sm waves-effect">Button</a>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                            <div class="col-md-4">
-                                <div class="card text-white bg-primary">
-                                    <div class="card-body">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer text-white">Someone famous in <cite title="Source Title">Source Title</cite>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                            <div class="col-md-4">
-                                <div class="card text-white bg-success">
-                                    <div class="card-body">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer text-white">Someone famous in <cite title="Source Title">Source Title</cite>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-md-4">
-                                <div class="card text-white bg-info">
-                                    <div class="card-body">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer text-white">Someone famous in <cite title="Source Title">Source Title</cite>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                            
-                            <div class="col-md-4">
-                                <div class="card text-white bg-warning">
-                                    <div class="card-body">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer text-white">Someone famous in <cite title="Source Title">Source Title</cite>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-4">
-                                <div class="card text-white bg-danger">
-                                    <div class="card-body">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer text-white">Someone famous in <cite title="Source Title">Source Title</cite>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-md-4">
-                                <div class="card text-white bg-purple">
-                                    <div class="card-body">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer text-white">Someone famous in <cite title="Source Title">Source Title</cite>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-4">
-                                <div class="card text-white bg-pink">
-                                    <div class="card-body">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer text-white">Someone famous in <cite title="Source Title">Source Title</cite>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-4">
-                                <div class="card text-white bg-dark">
-                                    <div class="card-body">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer text-white">Someone famous in <cite title="Source Title">Source Title</cite>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-md-4">
-                                <div class="card">
-                                    <div class="card-body text-primary">
-                                        <h5 class="card-title">Primary card title</h5>
-                                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-4">
-                                <div class="card">
-                                    <div class="card-body text-secondary">
-                                        <h5 class="card-title">Secondary card title</h5>
-                                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-
-                            <div class="col-md-4">
-                                <div class="card">
-                                    <div class="card-body text-success">
-                                        <h5 class="card-title">Success card title</h5>
-                                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row mt-2">
-                            <div class="col-12">
-                                <h4 class="mb-3">Card Group</h4>
-                                <div class="card-group">
-                                    <div class="card">
-                                        <img class="card-img-top img-fluid" src="../assets/images/small/img-1.jpg" alt="Card image cap">
-                                        <div class="card-body">
-                                            <h5 class="card-title">Card title</h5>
-                                            <p class="card-text">This is a wider card with supporting text below as a
-                                                natural lead-in to additional content. This content is a little bit
-                                                longer.</p>
-                                            <p class="card-text">
-                                                <small class="text-muted">Last updated 3 mins ago</small>
-                                            </p>
-                                        </div>
-                                    </div>
-
-                                    <div class="card">
-                                        <img class="card-img-top img-fluid" src="../assets/images/small/img-2.jpg" alt="Card image cap">
-                                        <div class="card-body">
-                                            <h5 class="card-title">Card title</h5>
-                                            <p class="card-text">This card has supporting text below as a natural
-                                                lead-in to additional content.</p>
-                                            <p class="card-text">
-                                                <small class="text-muted">Last updated 3 mins ago</small>
-                                            </p>
-                                        </div>
-                                    </div>
-
-                                    <div class="card">
-                                        <img class="card-img-top img-fluid" src="../assets/images/small/img-3.jpg" alt="Card image cap">
-                                        <div class="card-body">
-                                            <h5 class="card-title">Card title</h5>
-                                            <p class="card-text">This is a wider card with supporting text below as a
-                                                natural lead-in to additional content. This card has even longer content
-                                                than the first to show that equal height action.</p>
-                                            <p class="card-text">
-                                                <small class="text-muted">Last updated 3 mins ago</small>
-                                            </p>
-                                        </div>
-                                    </div>
-
-                                </div> <!-- end card-group-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row mt-4">
-                            <div class="col-12">
-                                <h4 class="mb-3">Decks</h4>
-                                <div class="card-deck-wrapper">
-                                    <div class="card-deck">
-                                        <div class="card">
-                                            <img class="card-img-top img-fluid" src="../assets/images/small/img-4.jpg" alt="Card image cap">
-                                            <div class="card-body">
-                                                <h5 class="card-title">Card title</h5>
-                                                <p class="card-text">This is a longer card with supporting text below as
-                                                    a natural lead-in to additional content. This content is a little
-                                                    bit longer.</p>
-                                                <p class="card-text">
-                                                    <small class="text-muted">Last updated 3 mins ago</small>
-                                                </p>
-                                            </div>
-                                        </div>
-
-                                        <div class="card">
-                                            <img class="card-img-top img-fluid" src="../assets/images/small/img-5.jpg" alt="Card image cap">
-                                            <div class="card-body">
-                                                <h5 class="card-title">Card title</h5>
-                                                <p class="card-text">This card has supporting text below as a natural
-                                                    lead-in to additional content.</p>
-                                                <p class="card-text">
-                                                    <small class="text-muted">Last updated 3 mins ago</small>
-                                                </p>
-                                            </div>
-                                        </div>
-
-                                        <div class="card">
-                                            <img class="card-img-top img-fluid" src="../assets/images/small/img-6.jpg" alt="Card image cap">
-                                            <div class="card-body">
-                                                <h5 class="card-title">Card title</h5>
-                                                <p class="card-text">This is a wider card with supporting text below as
-                                                    a natural lead-in to additional content. This card has even longer
-                                                    content than the first to show that equal height action.</p>
-                                                <p class="card-text">
-                                                    <small class="text-muted">Last updated 3 mins ago</small>
-                                                </p>
-                                            </div>
-                                        </div>
-
-                                    </div> <!-- end card-deck-->
-                                </div> <!-- end card-deck-wrapper-->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row mt-4">
-                            <div class="col-12">
-                                <h4 class="mb-3">Navigation</h4>
-
-                                <div class="row">
-                                    <div class="col-md-6">
-                                        <div class="card text-center">
-                                            <div class="card-header">
-                                                <ul class="nav nav-tabs card-header-tabs">
-                                                    <li class="nav-item">
-                                                        <a class="nav-link active" href="javascript:void(0);">Active</a>
-                                                    </li>
-                                                    <li class="nav-item">
-                                                        <a class="nav-link" href="javascript:void(0);">Link</a>
-                                                    </li>
-                                                    <li class="nav-item">
-                                                        <a class="nav-link disabled" href="javascript:void(0);">Disabled</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                            <div class="card-body">
-                                                <h5 class="card-title">Special title treatment</h5>
-                                                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
-                                                <a href="javascript:void(0);" class="btn btn-primary">Go somewhere</a>
-                                            </div>
-                                        </div> <!-- end card-box-->
-                                    </div> <!-- end col -->
-
-                                    <div class="col-md-6">
-                                        <div class="card text-center">
-                                            <div class="card-header">
-                                                <ul class="nav nav-pills card-header-pills">
-                                                    <li class="nav-item">
-                                                        <a class="nav-link active" href="javascript:void(0);">Active</a>
-                                                    </li>
-                                                    <li class="nav-item">
-                                                        <a class="nav-link" href="javascript:void(0);">Link</a>
-                                                    </li>
-                                                    <li class="nav-item">
-                                                        <a class="nav-link disabled" href="javascript:void(0);">Disabled</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                            <div class="card-body">
-                                                <h5 class="card-title">Special title treatment</h5>
-                                                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
-                                                <a href="javascript:void(0);" class="btn btn-primary">Go somewhere</a>
-                                            </div>
-                                        </div> <!-- end card-box -->
-                                    </div> <!-- end col -->
-                                </div> <!-- end row -->
-
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-12">
-                                <h4 class="mb-3">Columns</h4>
-                                <div class="card-columns">
-
-                                    <div class="card">
-                                        <img class="card-img-top img-fluid" src="../assets/images/small/img-7.jpg" alt="Card image cap">
-                                        <div class="card-body">
-                                            <h5 class="card-title">Card title that wraps to a new line</h5>
-                                            <p class="card-text">This is a longer card with supporting text below as a
-                                                natural lead-in to additional content. This content is a little bit
-                                                longer.</p>
-                                        </div>
-                                    </div>
-
-                                    <div class="card card-body">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer">
-                                                <small class="text-muted">
-                                                    Someone famous in <cite title="Source Title">Source Title</cite>
-                                                </small>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-
-                                    <div class="card">
-                                        <img class="card-img-top img-fluid" src="../assets/images/small/img-1.jpg" alt="Card image cap">
-                                        <div class="card-body">
-                                            <h5 class="card-title">Card title</h5>
-                                            <p class="card-text">This card has supporting text below as a natural
-                                                lead-in to additional content.</p>
-                                            <p class="card-text">
-                                                <small class="text-muted">Last updated 3 mins ago</small>
-                                            </p>
-                                        </div>
-                                    </div>
-
-                                    <div class="card card-body card-inverse card-primary">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer">
-                                                <small class="text-muted">
-                                                    Someone famous in <cite title="Source Title">Source Title</cite>
-                                                </small>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-
-                                    <div class="card card-body">
-                                        <h5 class="card-title">Card title</h5>
-                                        <p class="card-text">This card has supporting text below as a natural lead-in to
-                                            additional content.</p>
-                                        <p class="card-text">
-                                            <small class="text-muted">Last updated 3 mins ago</small>
-                                        </p>
-                                    </div>
-
-                                    <div class="card">
-                                        <img class="card-img img-fluid" src="../assets/images/small/img-2.jpg" alt="Card image cap">
-                                    </div>
-
-                                    <div class="card card-body text-right">
-                                        <blockquote class="card-bodyquote mb-0">
-                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
-                                                erat a ante.</p>
-                                            <footer class="blockquote-footer">
-                                                <small class="text-muted">
-                                                    Someone famous in <cite title="Source Title">Source Title</cite>
-                                                </small>
-                                            </footer>
-                                        </blockquote>
-                                    </div>
-
-                                    <div class="card card-body">
-                                        <h5 class="card-title">Card title</h5>
-
-                                        <p class="card-text">This is a wider card with supporting text below as a
-                                            natural lead-in to additional content. This card has even longer content
-                                            than the first to show that equal height action.</p>
-                                        <p class="card-text">
-                                            <small class="text-muted">Last updated 3 mins ago</small>
-                                        </p>
-                                    </div>
-
-                                </div> <!-- end card-column -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-carousel.html b/public/modern/ui-carousel.html
deleted file mode 100644
index 7c7c186..0000000
--- a/public/modern/ui-carousel.html
+++ /dev/null
@@ -1,1868 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Carousel | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Carousel</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Carousel</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Slides only</h4>
-                                        <p class="sub-header">Here’s a carousel with slides only.
-                                            Note the presence of the <code>.d-block</code>
-                                            and <code>.img-fluid</code> on carousel images
-                                            to prevent browser default image alignment.</p>
-
-                                        <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
-                                            <div class="carousel-inner" role="listbox">
-                                                <div class="carousel-item active">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-1.jpg" alt="First slide">
-                                                </div>
-                                                <div class="carousel-item">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-2.jpg" alt="Second slide">
-                                                </div>
-                                                <div class="carousel-item">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-3.jpg" alt="Third slide">
-                                                </div>
-                                            </div>
-                                        </div> 
-    
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">With controls</h4>
-                                        <p class="sub-header">Adding in the previous and next controls:</p>
-
-                                        <!-- START carousel-->
-                                        <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
-                                            <div class="carousel-inner" role="listbox">
-                                                <div class="carousel-item active">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-4.jpg" alt="First slide">
-                                                </div>
-                                                <div class="carousel-item">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-1.jpg" alt="Second slide">
-                                                </div>
-                                                <div class="carousel-item">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-2.jpg" alt="Third slide">
-                                                </div>
-                                            </div>
-                                            <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
-                                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                                                <span class="sr-only">Previous</span>
-                                            </a>
-                                            <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
-                                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                                                <span class="sr-only">Next</span>
-                                            </a>
-                                        </div>
-
-                                    </div>
-                                </div>
-                                <!-- END carousel-->
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">With indicators</h4>
-                                        <p class="sub-header">You can also add the indicators to the
-                                            carousel, alongside the controls, too.</p>
-
-                                        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
-                                            <ol class="carousel-indicators">
-                                                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
-                                                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
-                                                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
-                                            </ol>
-                                            <div class="carousel-inner" role="listbox">
-                                                <div class="carousel-item active">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-3.jpg" alt="First slide">
-                                                </div>
-                                                <div class="carousel-item">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-2.jpg" alt="Second slide">
-                                                </div>
-                                                <div class="carousel-item">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-1.jpg" alt="Third slide">
-                                                </div>
-                                            </div>
-                                            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
-                                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                                                <span class="sr-only">Previous</span>
-                                            </a>
-                                            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
-                                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                                                <span class="sr-only">Next</span>
-                                            </a>
-                                        </div>
-        
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-        
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">With captions</h4>
-                                        <p class="sub-header">Add captions to your slides easily with the <code>.carousel-caption</code> element within any <code>.carousel-item</code>.</p>
-                                        
-                                        <div id="carouselExampleCaption" class="carousel slide" data-ride="carousel">
-                                            <div class="carousel-inner" role="listbox">
-                                                <div class="carousel-item active">
-                                                    <img src="../assets/images/small/img-1.jpg" alt="..." class="d-block img-fluid">
-                                                    <div class="carousel-caption d-none d-md-block">
-                                                        <h3 class="text-white">First slide label</h3>
-                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-                                                    </div>
-                                                </div>
-                                                <div class="carousel-item">
-                                                    <img src="../assets/images/small/img-3.jpg" alt="..." class="d-block img-fluid">
-                                                    <div class="carousel-caption d-none d-md-block">
-                                                        <h3 class="text-white">Second slide label</h3>
-                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-                                                    </div>
-                                                </div>
-                                                <div class="carousel-item">
-                                                    <img src="../assets/images/small/img-2.jpg" alt="..." class="d-block img-fluid">
-                                                    <div class="carousel-caption d-none d-md-block">
-                                                        <h3 class="text-white">Third slide label</h3>
-                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <a class="carousel-control-prev" href="#carouselExampleCaption" role="button" data-slide="prev">
-                                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                                                <span class="sr-only">Previous</span>
-                                            </a>
-                                            <a class="carousel-control-next" href="#carouselExampleCaption" role="button" data-slide="next">
-                                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                                                <span class="sr-only">Next</span>
-                                            </a>
-                                        </div>
-
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-    
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Crossfade</h4>
-                                        <p class="sub-header">Add <code>.carousel-fade</code> to your carousel to animate slides with a fade transition instead of a slide.</p>
-                                        
-                                        <div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
-                                            <div class="carousel-inner">
-                                                <div class="carousel-item active">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-1.jpg" alt="First slide">
-                                                </div>
-                                                <div class="carousel-item">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-2.jpg" alt="Second slide">
-                                                </div>
-                                                <div class="carousel-item">
-                                                    <img class="d-block img-fluid" src="../assets/images/small/img-3.jpg" alt="Third slide">
-                                                </div>
-                                            </div>
-                                            <a class="carousel-control-prev" href="#carouselExampleFade" role="button" data-slide="prev">
-                                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                                                <span class="sr-only">Previous</span>
-                                            </a>
-                                            <a class="carousel-control-next" href="#carouselExampleFade" role="button" data-slide="next">
-                                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                                                <span class="sr-only">Next</span>
-                                            </a>
-                                        </div>
-
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-dropdowns.html b/public/modern/ui-dropdowns.html
deleted file mode 100644
index 9a4626c..0000000
--- a/public/modern/ui-dropdowns.html
+++ /dev/null
@@ -1,2223 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Dropdowns | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Dropdowns</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Dropdowns</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Examples</h4>
-                                        <p class="sub-header">
-                                            Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.
-                                        </p>
-
-                                        <div class="row">
-                                            <div class="col-xl-6">
-                                                
-                                                <div>
-                                                    <h5>Single button dropdowns</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Any single <code
-                                                            class="highlighter-rouge">.btn</code> can be turned into a dropdown
-                                                        toggle with some markup changes. Here’s how you can put them to work
-                                                        with either <code class="highlighter-rouge">&lt;button&gt;</code>
-                                                        elements:
-                                                    </p>
-
-                                                    <div class="row">
-                                                        <div class="col-6">
-                                                            <div class="dropdown mt-2">
-                                                                <button class="btn btn-light dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                    Dropdown button <i class="mdi mdi-chevron-down"></i>
-                                                                </button>
-                                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-                                                                    <a class="dropdown-item" href="#">Action</a>
-                                                                    <a class="dropdown-item" href="#">Another action</a>
-                                                                    <a class="dropdown-item" href="#">Something else here</a>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-
-                                                        <div class="col-6">
-                                                            <div class="dropdown mt-2">
-                                                                <a class="btn btn-light dropdown-toggle" href="https://example.com" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                    Dropdown link <i class="mdi mdi-chevron-down"></i>
-                                                                </a>
-
-                                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
-                                                                    <a class="dropdown-item" href="#">Action</a>
-                                                                    <a class="dropdown-item" href="#">Another action</a>
-                                                                    <a class="dropdown-item" href="#">Something else here</a>
-                                                                </div>
-                                                            </div>
-                                                        </div> <!-- end col -->
-                                                    </div> <!-- end row -->
-                                                </div>
-
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Variant</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        The best part is you can do this with any button variant, too:
-                                                    </p>
-
-                                                    <div class="btn-group mr-1 mt-2">
-                                                        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Primary <i class="mdi mdi-chevron-down"></i></button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                    <div class="btn-group mr-1 mt-2">
-                                                        <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Secondary <i class="mdi mdi-chevron-down"></i></button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                    <div class="btn-group mr-1 mt-2">
-                                                        <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Success <i class="mdi mdi-chevron-down"></i></button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                    <div class="btn-group mr-1 mt-2">
-                                                        <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Info <i class="mdi mdi-chevron-down"></i></button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                    <div class="btn-group mr-1 mt-2">
-                                                        <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Warning <i class="mdi mdi-chevron-down"></i></button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                    <div class="btn-group mr-1 mt-2">
-                                                        <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Danger <i class="mdi mdi-chevron-down"></i></button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                </div>
-
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Dropright variation</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Trigger dropdown menus at the right of the elements by adding <code>.dropright</code> to the parent element.
-                                                    </p>
-
-                                                    <!-- Default dropright button -->
-                                                    <div class="btn-group mt-2 mr-1 dropright">
-                                                        <button type="button" class="btn btn-primary waves-effect waves-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            Dropright <i class="mdi mdi-chevron-right"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div>
-
-                                                    <!-- Split dropright button -->
-                                                    <div class="btn-group mt-2 mr-1 dropright">
-                                                        <button type="button" class="btn btn-light waves-effect">
-                                                            Split dropright
-                                                        </button>
-                                                        <button type="button" class="btn btn-light waves-effect dropdown-toggle-split dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-right"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div>
-                                                </div>
-
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Dropup variation</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Trigger dropdown menus above elements
-                                                        by adding <code class="highlighter-rouge">.dropup</code> to the parent
-                                                        element.
-                                                    </p>
-
-                                                    <!-- Default dropup button -->
-                                                    <div class="btn-group dropup mt-2 mr-1">
-                                                        <button type="button" class="btn btn-purple waves-effect waves-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropup <i class="mdi mdi-chevron-up"></i></button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div>
-
-                                                    <!-- Split dropup button -->
-                                                    <div class="btn-group dropup mt-2 mr-1">
-                                                        <button type="button" class="btn btn-light">
-                                                            Split dropup
-                                                        </button>
-                                                        <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-up"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div>
-                                                </div>
-
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Active Item</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Add <code>.active</code> to item in the dropdown to <strong>style them as active</strong>.
-                                                    </p>
-
-                                                    <!-- Active Item -->
-                                                    <div class="btn-group mt-2">
-                                                        <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            Active Item <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Regular link</a>
-                                                            <a class="dropdown-item active" href="#">Active link</a>
-                                                            <a class="dropdown-item" href="#">Another link</a>
-                                                        </div>
-                                                    </div>
-                                                </div>
-
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Headers</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Add a header to label sections of actions in any dropdown menu.
-                                                    </p>
-
-                                                    <!-- Header Item -->
-                                                    <div class="btn-group mt-2">
-                                                        <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            Header <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <h6 class="dropdown-header">Dropdown header</h6>
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                                
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Forms</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Put a form within a dropdown menu, or make it into a dropdown menu, and use margin or padding utilities to give it the negative space you require.
-                                                    </p>
-
-                                                    <!-- Forms -->
-                                                    <div class="dropdown mt-2">
-                                                        <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            Form <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <form class="px-4 py-3">
-                                                                <div class="form-group">
-                                                                    <label for="exampleDropdownFormEmail1">Email address</label>
-                                                                    <input type="email" class="form-control" id="exampleDropdownFormEmail1" placeholder="email@example.com">
-                                                                </div>
-                                                                <div class="form-group">
-                                                                    <label for="exampleDropdownFormPassword1">Password</label>
-                                                                    <input type="password" class="form-control" id="exampleDropdownFormPassword1" placeholder="Password">
-                                                                </div>
-                                                                <div class="form-group">
-                                                                    <div class="form-check">
-                                                                        <input type="checkbox" class="form-check-input" id="dropdownCheck">
-                                                                        <label class="form-check-label" for="dropdownCheck">
-                                                                            Remember me
-                                                                        </label>
-                                                                    </div>
-                                                                </div>
-                                                                <button type="submit" class="btn btn-primary">Sign in</button>
-                                                            </form>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">New around here? Sign up</a>
-                                                            <a class="dropdown-item" href="#">Forgot password?</a>
-                                                        </div>
-                                                    </div>
-                                                </div>
-
-                                            </div> <!-- end col -->
-
-                                            <div class="col-xl-6">
-                                                <div class="mt-5 mt-xl-0">
-                                                    <h5 class="mb-1">Split button dropdowns</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of <code class="highlighter-rouge">.dropdown-toggle-split</code> for proper spacing around the dropdown caret.
-                                                    </p>
-
-                                                    <div class="btn-group dropdown mt-2 mr-1">
-                                                        <button type="button" class="btn btn-primary">Primary</button>
-                                                        <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                    <div class="btn-group mt-2 mr-1">
-                                                        <button type="button" class="btn btn-light">Secondary</button>
-                                                        <button type="button" class="btn btn-light dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                    <div class="btn-group mt-2 mr-1">
-                                                        <button type="button" class="btn btn-success">Success</button>
-                                                        <button type="button" class="btn btn-success dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                    <div class="btn-group mt-2 mr-1">
-                                                        <button type="button" class="btn btn-info">Info</button>
-                                                        <button type="button" class="btn btn-info dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                    <div class="btn-group mt-2 mr-1">
-                                                        <button type="button" class="btn btn-warning">Warning</button>
-                                                        <button type="button" class="btn btn-warning dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                    <div class="btn-group mt-2 mr-1">
-                                                        <button type="button" class="btn btn-danger">Danger</button>
-                                                        <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div><!-- /btn-group -->
-                                                </div>
-
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Sizing</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Button dropdowns work with buttons of all sizes, including default and split dropdown buttons.
-                                                    </p>
-
-                                                    <!-- Large button groups (default and split) -->
-                                                    <div class="btn-group mt-2 mr-1">
-                                                        <button class="btn btn-primary btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            Large button <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div>
-                                                    <div class="btn-group mt-2 mr-1">
-                                                        <button class="btn btn-light btn-lg" type="button">
-                                                            Large button
-                                                        </button>
-                                                        <button type="button" class="btn btn-lg btn-light dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div>
-
-                                                    <!-- Small button groups (default and split) -->
-                                                    <div class="btn-group mt-2 mr-1">
-                                                        <button class="btn btn-success btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            Small button <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div>
-                                                    <div class="btn-group mt-2 mr-1">
-                                                        <button class="btn btn-light btn-sm" type="button">
-                                                            Small button
-                                                        </button>
-                                                        <button type="button" class="btn btn-sm btn-light dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div>
-                                                </div>
-
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Dropleft variation</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Trigger dropdown menus at the right of the elements by adding <code>.dropleft</code> to the parent element.
-                                                    </p>
-
-                                                    <!-- Default dropright button -->
-                                                    <div class="btn-group mt-2 mr-1 dropleft">
-                                                        <button type="button" class="btn btn-info waves-effect waves-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            <i class="mdi mdi-chevron-left"></i> Dropleft
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                        </div>
-                                                    </div>
-
-                                                    <!-- Split dropright button -->
-                                                    <div class="btn-group mt-2 mr-1 dropleft">
-                                                        <!-- Split dropleft button -->
-                                                        <div class="btn-group">
-                                                            <div class="btn-group dropleft" role="group">
-                                                                <button type="button" class="btn btn-light dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                                    <i class="mdi mdi-chevron-left"></i>
-                                                                </button>
-                                                                <div class="dropdown-menu">
-                                                                    <a class="dropdown-item" href="#">Action</a>
-                                                                    <a class="dropdown-item" href="#">Another action</a>
-                                                                    <a class="dropdown-item" href="#">Something else here</a>
-                                                                    <div class="dropdown-divider"></div>
-                                                                    <a class="dropdown-item" href="#">Separated link</a>
-                                                                </div>
-                                                            </div>
-                                                            <button type="button" class="btn btn-light">
-                                                                Split dropleft
-                                                            </button>
-                                                        </div>
-                                                    </div>
-                                                </div>
-
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Menu alignment</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Add <code class="highlighter-rouge">.dropdown-menu-right</code>
-                                                        to a <code class="highlighter-rouge">.dropdown-menu</code> to right
-                                                        align the dropdown menu.
-                                                    </p>
-
-
-                                                    <div class="btn-group mt-2">
-                                                        <button type="button" class="btn btn-light dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            Right-aligned <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu dropdown-menu-right">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                        </div>
-                                                    </div>
-                                                </div>
-
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Disabled Item</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Add <code>.disabled</code> to items in the dropdown to <strong>style them as disabled</strong>.
-                                                    </p>
-
-                                                    <!-- Disabled -->
-                                                    <div class="btn-group mt-2">
-                                                        <button type="button" class="btn btn-primary   dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            Disabled <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Regular link</a>
-                                                            <a class="dropdown-item disabled" href="#" tabindex="-1" aria-disabled="true">Disabled link</a>
-                                                            <a class="dropdown-item" href="#">Another link</a>
-                                                        </div>
-                                                    </div>
-                                                </div>
-
-                                                <div class="mt-5">
-                                                    <h5 class="mb-1">Text</h5>
-                                                    <p class="text-muted font-13 mb-2">
-                                                        Place any freeform text within a dropdown menu with text and use spacing utilities. Note that you’ll likely need additional sizing styles to constrain the menu width.
-                                                    </p>
-
-                                                    <!-- Text Example -->
-                                                    <div class="btn-group mt-2">
-                                                        <button type="button" class="btn btn-primary   dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                                            Text Dropdown <i class="mdi mdi-chevron-down"></i>
-                                                        </button>
-                                                        <div class="dropdown-menu p-3 text-muted" style="max-width: 200px;">
-                                                            <p>
-                                                                Some example text that's free-flowing within the dropdown menu.
-                                                            </p>
-                                                            <p class="mb-0">
-                                                                And this is more example text.
-                                                            </p>
-                                                        </div>
-                                                    </div>
-                                                </div>
-
-                                            </div> <!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-general.html b/public/modern/ui-general.html
deleted file mode 100644
index f150a5f..0000000
--- a/public/modern/ui-general.html
+++ /dev/null
@@ -1,2065 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>General UI | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- App css -->
-        <link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-        <link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-        <link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-        <link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-        <!-- icons -->
-        <link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-        
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">General UI</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">General</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Default</h4>
-                                        <p class="sub-header">
-                                            A simple labeling component. Badges scale to match the size of the immediate parent element by using relative font sizing and <code>em</code> units.
-                                        </p>
-
-                                        <h1>h1.Example heading <span class="badge badge-secondary">New</span></h1>
-                                        <h2>h2.Example heading <span class="badge badge-soft-success">New</span></h2>
-                                        <h3>
-                                            h3.Example heading 
-                                            <button type="button" class="btn btn-sm btn-primary">
-                                                Notifications <span class="badge badge-light">4</span>
-                                            </button>
-                                        </h3>
-                                        <h4>h4.Example heading <a href="#" class="badge badge-soft-info">Info Link</a></h4>
-                                        <h5>h5.Example heading <span class="badge badge-outline-warning">New</span></h5>
-                                        <h6>h6.Example heading <span class="badge badge-danger">New</span></h6>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Pill Badges</h4>
-                                        <p class="sub-header">
-                                            Use the <code>.badge-pill</code> modifier class to make badges more rounded.
-                                        </p>
-
-                                        <span class="badge badge-primary badge-pill">Primary</span>
-                                        <span class="badge badge-secondary badge-pill">Secondary</span>
-                                        <span class="badge badge-success badge-pill">Success</span>
-                                        <span class="badge badge-danger badge-pill">Danger</span>
-                                        <span class="badge badge-warning badge-pill">Warning</span>
-                                        <span class="badge badge-info badge-pill">Info</span>
-                                        <span class="badge badge-pink badge-pill">Pink</span>
-                                        <span class="badge badge-blue badge-pill">Blue</span>
-                                        <span class="badge badge-light badge-pill">Light</span>
-                                        <span class="badge badge-dark badge-pill">Dark</span>
-
-                                        <h5 class="mt-4">Soft Badges</h5>
-                                        <p class="sub-header">
-                                            Use the <code>.badge-soft-*</code> modifier class to make badges soft.
-                                        </p>
-
-                                        <span class="badge badge-soft-primary badge-pill">Primary</span>
-                                        <span class="badge badge-soft-secondary badge-pill">Secondary</span>
-                                        <span class="badge badge-soft-success badge-pill">Success</span>
-                                        <span class="badge badge-soft-danger badge-pill">Danger</span>
-                                        <span class="badge badge-soft-warning badge-pill">Warning</span>
-                                        <span class="badge badge-soft-info badge-pill">Info</span>
-                                        <span class="badge badge-soft-pink badge-pill">Pink</span>
-                                        <span class="badge badge-soft-blue badge-pill">Blue</span>
-                                        <span class="badge badge-soft-light badge-pill">Light</span>
-                                        <span class="badge badge-soft-dark badge-pill">Dark</span>
-
-                                        <h5 class="mt-4">Outline Badges</h5>
-                                        <p class="sub-header">
-                                            Using the <code>.badge-outline-*</code> to quickly create a bordered badges.
-                                        </p>
-
-                                        <span class="badge badge-outline-primary badge-pill">Primary</span>
-                                        <span class="badge badge-outline-secondary badge-pill">Secondary</span>
-                                        <span class="badge badge-outline-success badge-pill">Success</span>
-                                        <span class="badge badge-outline-danger badge-pill">Danger</span>
-                                        <span class="badge badge-outline-warning badge-pill">Warning</span>
-                                        <span class="badge badge-outline-info badge-pill">Info</span>
-                                        <span class="badge badge-outline-pink badge-pill">Pink</span>
-                                        <span class="badge badge-outline-blue badge-pill">Blue</span>
-                                        <span class="badge badge-outline-light badge-pill">Light</span>
-                                        <span class="badge badge-outline-dark badge-pill">Dark</span>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Contextual variations</h4>
-                                        <p class="sub-header">
-                                            Add any of the below mentioned modifier classes to change the appearance of a badge.
-                                            Badge can be more contextual as well. Just use regular convention e.g. <code>badge-*color</code>, <code>badge-primary</code>
-                                            to have badge with different background.
-                                        </p>
-
-                                        <span class="badge badge-primary">Primary</span>
-                                        <span class="badge badge-secondary">Secondary</span>
-                                        <span class="badge badge-success">Success</span>
-                                        <span class="badge badge-danger">Danger</span>
-                                        <span class="badge badge-warning">Warning</span>
-                                        <span class="badge badge-info">Info</span>
-                                        <span class="badge badge-pink">Pink</span>
-                                        <span class="badge badge-blue">Blue</span>
-                                        <span class="badge badge-light">Light</span>
-                                        <span class="badge badge-dark">Dark</span>
-
-                                        <h5 class="mt-4">Soft Badges</h5>
-                                        <p class="sub-header">
-                                            Using the <code>.badge-soft*</code> modifier class, you can have more soften variation.
-                                        </p>
-
-                                        <span class="badge badge-soft-primary">Primary</span>
-                                        <span class="badge badge-soft-secondary">Secondary</span>
-                                        <span class="badge badge-soft-success">Success</span>
-                                        <span class="badge badge-soft-danger">Danger</span>
-                                        <span class="badge badge-soft-warning">Warning</span>
-                                        <span class="badge badge-soft-info">Info</span>
-                                        <span class="badge badge-soft-pink">Pink</span>
-                                        <span class="badge badge-soft-blue">Blue</span>
-                                        <span class="badge badge-soft-light">Light</span>
-                                        <span class="badge badge-soft-dark">Dark</span>
-
-                                        <h5 class="mt-4">Outline Badges</h5>
-                                        <p class="sub-header">
-                                            Using the <code>.badge-outline-*</code> to quickly create a bordered badges.
-                                        </p>
-
-                                        <span class="badge badge-outline-primary">Primary</span>
-                                        <span class="badge badge-outline-secondary">Secondary</span>
-                                        <span class="badge badge-outline-success">Success</span>
-                                        <span class="badge badge-outline-danger">Danger</span>
-                                        <span class="badge badge-outline-warning">Warning</span>
-                                        <span class="badge badge-outline-info">Info</span>
-                                        <span class="badge badge-outline-pink">Pink</span>
-                                        <span class="badge badge-outline-blue">Blue</span>
-                                        <span class="badge badge-outline-light">Light</span>
-                                        <span class="badge badge-outline-dark">Dark</span>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Links Badges</h4>
-                                        <p class="sub-header">
-                                            Using the contextual <code>.badge-*</code> classes on an <code>&lt;a&gt;</code> element quickly provide <em>actionable</em> badges with hover and focus states.
-                                        </p>
-
-                                        <a href="#" class="badge badge-primary">Primary</a>
-                                        <a href="#" class="badge badge-secondary">Secondary</a>
-                                        <a href="#" class="badge badge-success">Success</a>
-                                        <a href="#" class="badge badge-danger">Danger</a>
-                                        <a href="#" class="badge badge-warning">Warning</a>
-                                        <a href="#" class="badge badge-info">Info</a>
-                                        <a href="#" class="badge badge-pink">Pink</a>
-                                        <a href="#" class="badge badge-blue">Blue</a>
-                                        <a href="#" class="badge badge-light">Light</a>
-                                        <a href="#" class="badge badge-dark">Dark</a>
-
-                                        <h5 class="mt-4">Soft Badges</h5>
-                                        <p class="sub-header">
-                                            Use the <code>.badge-soft-*</code> modifier class to make badges lighten.
-                                        </p>
-
-                                        <a href="#" class="badge badge-soft-primary">Primary</a>
-                                        <a href="#" class="badge badge-soft-secondary">Secondary</a>
-                                        <a href="#" class="badge badge-soft-success">Success</a>
-                                        <a href="#" class="badge badge-soft-danger">Danger</a>
-                                        <a href="#" class="badge badge-soft-warning">Warning</a>
-                                        <a href="#" class="badge badge-soft-info">Info</a>
-                                        <a href="#" class="badge badge-soft-pink">Pink</a>
-                                        <a href="#" class="badge badge-soft-blue">Blue</a>
-                                        <a href="#" class="badge badge-soft-light">Light</a>
-                                        <a href="#" class="badge badge-soft-dark">Dark</a>
-
-                                        <h5 class="mt-4">Outline Badges</h5>
-                                        <p class="sub-header">
-                                            Using the <code>.badge-outline-*</code> to quickly create a bordered badges.
-                                        </p>
-
-                                        <a href="#" class="badge badge-outline-primary">Primary</a>
-                                        <a href="#" class="badge badge-outline-secondary">Secondary</a>
-                                        <a href="#" class="badge badge-outline-success">Success</a>
-                                        <a href="#" class="badge badge-outline-danger">Danger</a>
-                                        <a href="#" class="badge badge-outline-warning">Warning</a>
-                                        <a href="#" class="badge badge-outline-info">Info</a>
-                                        <a href="#" class="badge badge-outline-pink">Pink</a>
-                                        <a href="#" class="badge badge-outline-blue">Blue</a>
-                                        <a href="#" class="badge badge-outline-light">Light</a>
-                                        <a href="#" class="badge badge-outline-dark">Dark</a>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <h4 class="header-title">Pagination</h4>
-                                                <p class="sub-header">
-                                                    Provide pagination links for your site or app with the multi-page pagination component.
-                                                </p>
-    
-                                                <p class="mb-1 font-weight-bold">Default Pagination</p>
-                                                <p class="text-muted font-14">
-                                                    Simple pagination inspired by Rdio, great for apps and search results.
-                                                </p>
-    
-                                                <nav>
-                                                    <ul class="pagination">
-                                                        <li class="page-item">
-                                                            <a class="page-link" href="javascript: void(0);" aria-label="Previous">
-                                                                <span aria-hidden="true">&laquo;</span>
-                                                                <span class="sr-only">Previous</span>
-                                                            </a>
-                                                        </li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">1</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">2</a></li>
-                                                        <li class="page-item active"><a class="page-link" href="javascript: void(0);">3</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">4</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">5</a></li>
-                                                        <li class="page-item">
-                                                            <a class="page-link" href="javascript: void(0);" aria-label="Next">
-                                                                <span aria-hidden="true">&raquo;</span>
-                                                                <span class="sr-only">Next</span>
-                                                            </a>
-                                                        </li>
-                                                    </ul>
-                                                </nav>
-
-                                                <p class="mb-1 font-weight-bold mt-4">Rounded Pagination</p>
-                                                <p class="text-muted font-14">
-                                                    Add <code> .pagination-rounded</code> for rounded pagination.
-                                                </p>
-    
-                                                <nav>
-                                                    <ul class="pagination pagination-rounded">
-                                                        <li class="page-item">
-                                                            <a class="page-link" href="javascript: void(0);" aria-label="Previous">
-                                                                <span aria-hidden="true">&laquo;</span>
-                                                                <span class="sr-only">Previous</span>
-                                                            </a>
-                                                        </li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">1</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">2</a></li>
-                                                        <li class="page-item active"><a class="page-link" href="javascript: void(0);">3</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">4</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">5</a></li>
-                                                        <li class="page-item">
-                                                            <a class="page-link" href="javascript: void(0);" aria-label="Next">
-                                                                <span aria-hidden="true">&raquo;</span>
-                                                                <span class="sr-only">Next</span>
-                                                            </a>
-                                                        </li>
-                                                    </ul>
-                                                </nav>
-    
-    
-                                                <p class="mb-1 font-weight-bold mt-4">Sizing</p>
-                                                <p class="text-muted font-14">
-                                                    Add <code>
-                                                    .pagination-lg</code>
-                                                    or <code>
-                                                    .pagination-sm</code>
-                                                    for additional sizes.
-                                                </p>
-    
-                                                <nav>
-                                                    <ul class="pagination pagination-lg">
-                                                        <li class="page-item">
-                                                            <a class="page-link" href="javascript: void(0);" aria-label="Previous">
-                                                                <span aria-hidden="true">&laquo;</span>
-                                                                <span class="sr-only">Previous</span>
-                                                            </a>
-                                                        </li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">1</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">2</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">3</a></li>
-                                                        <li class="page-item">
-                                                            <a class="page-link" href="javascript: void(0);" aria-label="Next">
-                                                                <span aria-hidden="true">&raquo;</span>
-                                                                <span class="sr-only">Next</span>
-                                                            </a>
-                                                        </li>
-                                                    </ul>
-                                                </nav>
-    
-                                                <nav>
-                                                    <ul class="pagination pagination-sm">
-                                                        <li class="page-item">
-                                                            <a class="page-link" href="javascript: void(0);" aria-label="Previous">
-                                                                <span aria-hidden="true">&laquo;</span>
-                                                                <span class="sr-only">Previous</span>
-                                                            </a>
-                                                        </li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">1</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">2</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">3</a></li>
-                                                        <li class="page-item">
-                                                            <a class="page-link" href="javascript: void(0);" aria-label="Next">
-                                                                <span aria-hidden="true">&raquo;</span>
-                                                                <span class="sr-only">Next</span>
-                                                            </a>
-                                                        </li>
-                                                    </ul>
-                                                </nav>
-    
-                                                <p class="mb-1 font-weight-bold mt-4">Alignment</p>
-                                                <p class="text-muted font-14">
-                                                    Change the alignment of pagination components with flexbox utilities.
-                                                </p>
-    
-                                                <nav aria-label="Page navigation example">
-                                                    <ul class="pagination justify-content-center">
-                                                        <li class="page-item disabled">
-                                                            <a class="page-link" href="javascript: void(0);" tabindex="-1">Previous</a>
-                                                        </li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">1</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">2</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">3</a></li>
-                                                        <li class="page-item">
-                                                            <a class="page-link" href="javascript: void(0);">Next</a>
-                                                        </li>
-                                                    </ul>
-                                                </nav>
-    
-                                                <nav aria-label="Page navigation example">
-                                                    <ul class="pagination justify-content-end">
-                                                        <li class="page-item disabled">
-                                                            <a class="page-link" href="javascript: void(0);" tabindex="-1">Previous</a>
-                                                        </li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">1</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">2</a></li>
-                                                        <li class="page-item"><a class="page-link" href="javascript: void(0);">3</a></li>
-                                                        <li class="page-item">
-                                                            <a class="page-link" href="javascript: void(0);">Next</a>
-                                                        </li>
-                                                    </ul>
-                                                </nav>
-    
-                                            </div>
-    
-                                            <div class="col-md-6">
-                                                <h4 class="header-title mt-3 mt-sm-0">Breadcrumb</h4>
-                                                <p class="text-muted font-14">
-                                                    Indicate the current page’s location within a navigational hierarchy.
-                                                </p>
-    
-                                                <ol class="breadcrumb">
-                                                    <li class="breadcrumb-item active">Home</li>
-                                                </ol>
-                                                <ol class="breadcrumb">
-                                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
-                                                    <li class="breadcrumb-item active">Library</li>
-                                                </ol>
-                                                <ol class="breadcrumb">
-                                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
-                                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Library</a></li>
-                                                    <li class="breadcrumb-item active">Data</li>
-                                                </ol>
-    
-                                            </div>
-    
-                                        </div>
-                                        <!-- end row -->
-            
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="jumbotron">
-                                    <h1 class="display-4">Hello, world!</h1>
-                                    <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
-                                    <hr class="my-4">
-                                    <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
-                                    <a class="btn btn-primary btn-lg waves-effect waves-light" href="#" role="button">Learn more</a>
-                                </div>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-grid.html b/public/modern/ui-grid.html
deleted file mode 100644
index 539a72a..0000000
--- a/public/modern/ui-grid.html
+++ /dev/null
@@ -1,1942 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Grid System | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Grid System</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Grid</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Grid options</h4>
-                                        <p class="sub-header">
-                                            See how aspects of the Bootstrap grid system work across multiple devices with a handy table.
-                                        </p>
-    
-                                        <div class="table-responsive">
-                                            <table class="table table-bordered table-striped mb-0">
-                                                <thead>
-                                                    <tr>
-                                                        <th></th>
-                                                        <th class="text-center">
-                                                            Extra small<br>
-                                                            <small>&lt;576px</small>
-                                                        </th>
-                                                        <th class="text-center">
-                                                            Small<br>
-                                                            <small>≥576px</small>
-                                                        </th>
-                                                        <th class="text-center">
-                                                            Medium<br>
-                                                            <small>≥768px</small>
-                                                        </th>
-                                                        <th class="text-center">
-                                                            Large<br>
-                                                            <small>≥992px</small>
-                                                        </th>
-                                                        <th class="text-center">
-                                                            Extra large<br>
-                                                            <small>≥1200px</small>
-                                                        </th>
-                                                    </tr>
-                                                </thead>
-                                                <tbody>
-                                                    <tr>
-                                                        <th class="text-nowrap" scope="row">Max container width</th>
-                                                        <td>None (auto)</td>
-                                                        <td>540px</td>
-                                                        <td>720px</td>
-                                                        <td>960px</td>
-                                                        <td>1140px</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <th class="text-nowrap" scope="row">Class prefix</th>
-                                                        <td><code>.col-</code></td>
-                                                        <td><code>.col-sm-</code></td>
-                                                        <td><code>.col-md-</code></td>
-                                                        <td><code>.col-lg-</code></td>
-                                                        <td><code>.col-xl-</code></td>
-                                                    </tr>
-                                                    <tr>
-                                                        <th class="text-nowrap" scope="row"># of columns</th>
-                                                        <td colspan="5">12</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <th class="text-nowrap" scope="row">Gutter width</th>
-                                                        <td colspan="5">24px (12px on each side of a column)</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <th class="text-nowrap" scope="row">Nestable</th>
-                                                        <td colspan="5">Yes</td>
-                                                    </tr>
-                                                    <tr>
-                                                        <th class="text-nowrap" scope="row">Column ordering</th>
-                                                        <td colspan="5">Yes</td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </div> <!-- end table-responsive-->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-3">Grid Example</h4>
-    
-                                        <div class="grid-structure">
-                                            <div class="row">
-                                                <div class="col-lg-12">
-                                                    <div class="grid-container">
-                                                        col-lg-12
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-11">
-                                                    <div class="grid-container">
-                                                        col-lg-11
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-1">
-                                                    <div class="grid-container">
-                                                        col-lg-1
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-10">
-                                                    <div class="grid-container">
-                                                        col-lg-10
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-2">
-                                                    <div class="grid-container">
-                                                        col-lg-2
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-9">
-                                                    <div class="grid-container">
-                                                        col-lg-9
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-3">
-                                                    <div class="grid-container">
-                                                        col-lg-3
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-8">
-                                                    <div class="grid-container">
-                                                        col-lg-8
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-4">
-                                                    <div class="grid-container">
-                                                        col-lg-4
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-7">
-                                                    <div class="grid-container">
-                                                        col-lg-7
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-5">
-                                                    <div class="grid-container">
-                                                        col-lg-5
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-6">
-                                                    <div class="grid-container">
-                                                        col-lg-6
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-6">
-                                                    <div class="grid-container">
-                                                        col-lg-6
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-5">
-                                                    <div class="grid-container">
-                                                        col-lg-5
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-7">
-                                                    <div class="grid-container">
-                                                        col-lg-7
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-4">
-                                                    <div class="grid-container">
-                                                        col-lg-4
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-8">
-                                                    <div class="grid-container">
-                                                        col-lg-8
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-3">
-                                                    <div class="grid-container">
-                                                        col-lg-3
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-9">
-                                                    <div class="grid-container">
-                                                        col-lg-9
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-2">
-                                                    <div class="grid-container">
-                                                        col-lg-2
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-10">
-                                                    <div class="grid-container">
-                                                        col-lg-10
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-1">
-                                                    <div class="grid-container">
-                                                        col-lg-1
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-11">
-                                                    <div class="grid-container">
-                                                        col-lg-11
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="row">
-                                                <div class="col-lg-2">
-                                                    <div class="grid-container">
-                                                        col-lg-2
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-3">
-                                                    <div class="grid-container">
-                                                        col-lg-3
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-4">
-                                                    <div class="grid-container">
-                                                        col-lg-4
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-2">
-                                                    <div class="grid-container">
-                                                        col-lg-2
-                                                    </div>
-                                                </div>
-                                                <div class="col-lg-1">
-                                                    <div class="grid-container">
-                                                        col-lg-1
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end row -->
-                                        </div> <!-- grid-structure -->
-                                        
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div> 
-                        <!-- end row-->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-images.html b/public/modern/ui-images.html
deleted file mode 100644
index 64cb620..0000000
--- a/public/modern/ui-images.html
+++ /dev/null
@@ -1,1866 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Images | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Images</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Images</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-xl-6">
-                                                <h4 class="header-title">Images shapes</h4>
-                                                <p class="sub-header">
-                                                    Add classes to an <code>&lt;img&gt;</code> element to easily style
-                                                    images in any project.
-                                                </p>
-    
-                                                <div class="row">
-                                                    <div class="col-sm-4">
-                                                        <img src="../assets/images/small/img-1.jpg" alt="image"
-                                                                class="img-fluid rounded" width="200"/>
-                                                        <p class="mb-0">
-                                                            <code>.rounded</code>
-                                                        </p>
-                                                    </div>
-    
-                                                    <div class="col-sm-4 text-center">
-                                                        <img src="../assets/images/users/avatar-6.jpg" alt="image"
-                                                                class="img-fluid rounded-circle" width="120"/>
-                                                        <p class="mb-0">
-                                                            <code>.rounded-circle</code>
-                                                        </p>
-                                                    </div>
-    
-                                                    <div class="col-sm-4">
-                                                        <img src="../assets/images/small/img-3.jpg" alt="image"
-                                                                class="img-fluid img-thumbnail" width="200"/>
-                                                        <p class="mb-0">
-                                                            <code>.img-thumbnail</code>
-                                                        </p>
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end col-->
-    
-                                            <div class="col-xl-6 mt-3 mt-xl-0">
-                                                <h4 class="header-title">Image sizes</h4>
-                                                <p class="sub-header">
-                                                    Add classes to an <code>&lt;img&gt;</code> element to easily style
-                                                    images in any project.
-                                                </p>
-    
-                                                <div class="row">
-                                                    <div class="col-sm-3">
-                                                        <img src="../assets/images/users/avatar-2.jpg" alt="image"
-                                                                class="img-fluid avatar-xs rounded"/>
-                                                        <p class="mb-0">
-                                                            <code>.avatar-xs</code>
-                                                        </p>
-                                                        <img src="../assets/images/users/avatar-2.jpg" alt="image"
-                                                                class="img-fluid avatar-sm rounded mt-2"/>
-                                                        <p class="mb-0">
-                                                            <code>.avatar-sm</code>
-                                                        </p>
-                                                    </div>
-    
-                                                    <div class="col-sm-3">
-                                                        <img src="../assets/images/users/avatar-2.jpg" alt="image"
-                                                                class="img-fluid avatar-md rounded"/>
-                                                        <p class="mb-0">
-                                                            <code>.avatar-md</code>
-                                                        </p>
-                                                    </div>
-    
-                                                    <div class="col-sm-3">
-                                                        <img src="../assets/images/users/avatar-2.jpg" alt="image"
-                                                                class="img-fluid avatar-lg rounded"/>
-                                                        <p class="mb-0">
-                                                            <code>.avatar-lg</code>
-                                                        </p>
-                                                    </div>
-    
-                                                    <div class="col-sm-3">
-                                                        <img src="../assets/images/users/avatar-2.jpg" alt="image"
-                                                                class="img-fluid avatar-xl rounded"/>
-                                                        <p class="mb-0">
-                                                            <code>.avatar-xl</code>
-                                                        </p>
-                                                    </div>
-                                                </div>
-    
-                                            </div> <!-- end col -->
-                                        </div> <!-- end row -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row-->
-
-                        <!-- ===== MEDIA ==== -->
-
-                        <div class="row">
-                            <div class="col-sm-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Default media object</h4>
-                                        <p class="sub-header">The default media displays a media object
-                                            (images, video, audio) to the left or right of a content block.</p>
-    
-                                        <div class="media mb-3">
-                                            <img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-10.jpg" alt="Generic placeholder image" height="48">
-                                            <div class="media-body">
-                                                <h5 class="mt-0">Media heading</h5>
-                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-                                            </div>
-                                        </div>
-    
-                                        <div class="media mb-3">
-                                            <img class="d-flex mr-3 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="48">
-                                            <div class="media-body">
-                                                <h5 class="mt-0">Media heading</h5>
-                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-    
-                                                <div class="media mt-3">
-                                                    <a class="d-flex pr-3" href="#">
-                                                        <img src="../assets/images/users/avatar-3.jpg" alt="Generic placeholder image" height="48" class="rounded-circle">
-                                                    </a>
-                                                    <div class="media-body">
-                                                        <h5 class="mt-0">Media heading</h5>
-                                                        Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-    
-                                        <div class="media">
-                                            <div class="media-body">
-                                                <h5 class="mt-0 mb-1">Media object</h5>
-                                                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
-                                            </div>
-                                            <img class="d-flex ml-3 rounded-circle" src="../assets/images/users/avatar-4.jpg" alt="Generic placeholder image" height="48">
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-
-                        <!-- Media alignment -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Media alignment</h4>
-                                        <p class="sub-header">The images or other media can be aligned top,
-                                            middle, or bottom. The default is top aligned.</p>
-    
-                                        <div class="media mb-3">
-                                            <img class="d-flex align-self-start rounded mr-3" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="48">
-                                            <div class="media-body">
-                                                <h5 class="mt-0">Top-aligned media</h5>
-                                                <p class="mb-1">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-                                                <p class="mb-0">Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
-                                            </div>
-                                        </div>
-    
-                                        <div class="media mb-3">
-                                            <img class="d-flex align-self-center rounded mr-3" src="../assets/images/users/avatar-6.jpg" alt="Generic placeholder image" height="48">
-                                            <div class="media-body">
-                                                <h5 class="mt-0">Center-aligned media</h5>
-                                                <p class="mb-1">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-                                                <p class="mb-0">Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
-                                            </div>
-                                        </div>
-    
-                                        <div class="media">
-                                            <img class="d-flex align-self-end rounded mr-3" src="../assets/images/users/avatar-7.jpg" alt="Generic placeholder image" height="48">
-                                            <div class="media-body">
-                                                <h5 class="mt-0">Bottom-aligned media</h5>
-                                                <p class="mb-1">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-                                                <p class="mb-0">Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col  -->
-                        </div> <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-list-group.html b/public/modern/ui-list-group.html
deleted file mode 100644
index fe8631b..0000000
--- a/public/modern/ui-list-group.html
+++ /dev/null
@@ -1,1923 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>List Group | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">List Group</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">List Group</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Basic Example</h4>
-                                        
-                                        <p class="sub-header">The most basic list group is an unordered list with list items and the proper classes.
-                                            Build upon it with the options that follow, or with your own CSS as needed.
-                                        </p>
-
-                                        <ul class="list-group">
-                                            <li class="list-group-item"><i class="mdi mdi-google-drive mr-1"></i> Google Drive</li>
-                                            <li class="list-group-item"><i class="mdi mdi-message-outline mr-1"></i> Facebook Messenger</li>
-                                            <li class="list-group-item"><i class="mdi mdi-apple mr-1"></i> Apple Technology Company</li>
-                                            <li class="list-group-item"><i class="mdi mdi-lifebuoy mr-1"></i> Intercom Support System</li>
-                                            <li class="list-group-item"><i class="mdi mdi-credit-card-outline mr-1"></i> Paypal Payment Gateway</li>
-                                        </ul> 
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Active items</h4>
-                                        <p class="sub-header">Add <code>.active</code> to a <code>.list-group-item</code> to indicate the current active selection.</p>
-
-                                        <ul class="list-group">
-                                            <li class="list-group-item active"><i class="mdi mdi-google-drive mr-1"></i> Google Drive</li>
-                                            <li class="list-group-item"><i class="mdi mdi-message-outline mr-1"></i> Facebook Messenger</li>
-                                            <li class="list-group-item"><i class="mdi mdi-apple mr-1"></i> Apple Technology Company</li>
-                                            <li class="list-group-item"><i class="mdi mdi-lifebuoy mr-1"></i> Intercom Support System</li>
-                                            <li class="list-group-item"><i class="mdi mdi-credit-card-outline mr-1"></i> Paypal Payment Gateway</li>
-                                        </ul> 
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Disabled items</h4>
-                                        <p class="sub-header">Add <code>.disabled</code> to a <code>.list-group-item</code> to make it <em>appear</em> disabled.</p>
-                                        
-                                        <ul class="list-group">
-                                            <li class="list-group-item disabled" aria-disabled="true"><i class="mdi mdi-google-drive mr-1"></i> Google Drive</li>
-                                            <li class="list-group-item"><i class="mdi mdi-message-outline mr-1"></i> Facebook Messenger</li>
-                                            <li class="list-group-item"><i class="mdi mdi-apple mr-1"></i> Apple Technology Company</li>
-                                            <li class="list-group-item"><i class="mdi mdi-lifebuoy mr-1"></i> Intercom Support System</li>
-                                            <li class="list-group-item"><i class="mdi mdi-credit-card-outline mr-1"></i> Paypal Payment Gateway</li>
-                                        </ul> 
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Links and Buttons</h4>
-                                        <p class="sub-header">Use <code>&lt;a&gt;</code>s or <code>&lt;button&gt;</code>s to create <em>actionable</em> list group items with hover, disabled, and active states by adding <code>.list-group-item-action</code>.</p>
-                        
-                                        <div class="list-group">
-                                            <a href="#" class="list-group-item list-group-item-action active">
-                                                Paypal Payment Gateway
-                                            </a>
-                                            <a href="#" class="list-group-item list-group-item-action">Google Drive</a>
-                                            <button type="button" class="list-group-item list-group-item-action">Facebook Messenger</button>
-                                            <button type="button" class="list-group-item list-group-item-action">Apple Technology Company</button>
-                                            <a href="#" class="list-group-item list-group-item-action disabled" tabindex="-1" aria-disabled="true">Intercom Support System</a>
-                                        </div>  
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Flush</h4>
-                                        <p class="sub-header">Add <code>.list-group-flush</code> to remove some borders and rounded corners to render list group items edge-to-edge in a parent container (e.g., cards).</p>
-                        
-                                        <ul class="list-group list-group-flush">
-                                            <li class="list-group-item">Google Drive</li>
-                                            <li class="list-group-item">Facebook Messenger</li>
-                                            <li class="list-group-item">Apple Technology Company</li>
-                                            <li class="list-group-item">Intercom Support System</li>
-                                            <li class="list-group-item">Paypal Payment Gateway</li>
-                                        </ul>
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Horizontal</h4>
-                                        <p class="sub-header">Add <code>.list-group-horizontal</code> to change the layout of list group items from vertical to horizontal across all breakpoints. Alternatively, choose a responsive variant <code>.list-group-horizontal-{sm|md|lg|xl}</code> to make a list group horizontal starting at that breakpoint’s <code>min-width</code>.</p>
-                        
-                                        <ul class="list-group list-group-horizontal mb-3">
-                                            <li class="list-group-item">Google</li>
-                                            <li class="list-group-item">Whatsapp</li>
-                                            <li class="list-group-item">Facebook</li>
-                                        </ul>
-                                        
-                                        <ul class="list-group list-group-horizontal-sm mb-3">
-                                            <li class="list-group-item">Apple</li>
-                                            <li class="list-group-item">PayPal</li>
-                                            <li class="list-group-item">Intercom</li>
-                                        </ul>
-
-                                        <ul class="list-group list-group-horizontal-md">
-                                            <li class="list-group-item">Google</li>
-                                            <li class="list-group-item">Whatsapp</li>
-                                            <li class="list-group-item">Facebook</li>
-                                        </ul>
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Contextual classes</h4>
-                                        <p class="sub-header">Use contextual classes to style list items with a stateful background and color.</p>
-                        
-                                        <ul class="list-group">
-                                            <li class="list-group-item">Dapibus ac facilisis in</li>
-                                            <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
-                                            <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
-                                            <li class="list-group-item list-group-item-success">A simple success list group item</li>
-                                            <li class="list-group-item list-group-item-danger">A simple danger list group item</li>
-                                            <li class="list-group-item list-group-item-warning">A simple warning list group item</li>
-                                            <li class="list-group-item list-group-item-info">A simple info list group item</li>
-                                            <li class="list-group-item list-group-item-light">A simple light list group item</li>
-                                            <li class="list-group-item list-group-item-dark">A simple dark list group item</li>
-                                        </ul> 
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Contextual classes with Link</h4>
-                                        <p class="sub-header">Use contextual classes to style list items with a stateful background and color.</p>
-                        
-                                        <div class="list-group">
-                                            <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
-                                            <a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
-                                            <a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
-                                            <a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
-                                            <a href="#" class="list-group-item list-group-item-action list-group-item-danger">A simple danger list group item</a>
-                                            <a href="#" class="list-group-item list-group-item-action list-group-item-warning">A simple warning list group item</a>
-                                            <a href="#" class="list-group-item list-group-item-action list-group-item-info">A simple info list group item</a>
-                                            <a href="#" class="list-group-item list-group-item-action list-group-item-light">A simple light list group item</a>
-                                            <a href="#" class="list-group-item list-group-item-action list-group-item-dark">A simple dark list group item</a>
-                                        </div>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Custom content</h4>
-                                        <p class="sub-header">Add nearly any HTML within, even for linked list groups like the one below, with the help of flexbox utilities.</p>
-                        
-                                        <div class="list-group">
-                                            <a href="#" class="list-group-item list-group-item-action active">
-                                                <div class="d-flex w-100 justify-content-between">
-                                                    <h5 class="mb-1 text-white">List group item heading</h5>
-                                                    <small>3 days ago</small>
-                                                </div>
-                                                <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
-                                                <small>Donec id elit non mi porta.</small>
-                                            </a>
-                                            <a href="#" class="list-group-item list-group-item-action">
-                                                <div class="d-flex w-100 justify-content-between">
-                                                    <h5 class="mb-1">List group item heading</h5>
-                                                    <small class="text-muted">3 days ago</small>
-                                                </div>
-                                                <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
-                                                <small class="text-muted">Donec id elit non mi porta.</small>
-                                            </a>
-                                            <a href="#" class="list-group-item list-group-item-action">
-                                                <div class="d-flex w-100 justify-content-between">
-                                                    <h5 class="mb-1">List group item heading</h5>
-                                                    <small class="text-muted">3 days ago</small>
-                                                </div>
-                                                <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
-                                                <small class="text-muted">Donec id elit non mi porta.</small>
-                                            </a>
-                                        </div>   
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-
-                            <div class="col-xl-4">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">With badges</h4>
-                                        <p class="sub-header">Add badges to any list group item to show unread counts, activity, and more with the help of some utilities.</p>
-                        
-                                        <ul class="list-group">
-                                            <li class="list-group-item d-flex justify-content-between align-items-center">
-                                                Gmail Emails
-                                                <span class="badge badge-primary badge-pill">14</span>
-                                            </li>
-                                            <li class="list-group-item d-flex justify-content-between align-items-center">
-                                                Pending Payments
-                                                <span class="badge badge-success badge-pill">2</span>
-                                            </li>
-                                            <li class="list-group-item d-flex justify-content-between align-items-center">
-                                                Action Needed
-                                                <span class="badge badge-danger badge-pill">99+</span>
-                                            </li>
-                                        </ul>    
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-modals.html b/public/modern/ui-modals.html
deleted file mode 100644
index 12a638e..0000000
--- a/public/modern/ui-modals.html
+++ /dev/null
@@ -1,2351 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Modals | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-        
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Modals</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Modals</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Bootstrap Modals</h4>
-
-                                        <p class="sub-header">
-                                            A rendered modal with header, body, and set of actions in the footer.
-                                        </p>
-
-                                        <!-- Standard modal content -->
-                                        <div id="standard-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="standard-modalLabel" aria-hidden="true">
-                                            <div class="modal-dialog">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h4 class="modal-title" id="standard-modalLabel">Modal Heading</h4>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        <h6>Text in a modal</h6>
-                                                        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
-                                                        <hr>
-                                                        <h6>Overflowing text to show scroll behavior</h6>
-                                                        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
-                                                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
-                                                        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
-                                                    </div>
-                                                    <div class="modal-footer">
-                                                        <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
-                                                        <button type="button" class="btn btn-primary">Save changes</button>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-    
-                                        <!--  Modal content for the Large example -->
-                                        <div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
-                                            <div class="modal-dialog modal-lg">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h4 class="modal-title" id="myLargeModalLabel">Large modal</h4>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        ...
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-    
-                                        <div class="modal fade" id="bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
-                                            <div class="modal-dialog modal-sm">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h4 class="modal-title" id="mySmallModalLabel">Small modal</h4>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        ...
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-
-                                        <!-- Full width modal content -->
-                                        <div id="full-width-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="fullWidthModalLabel" aria-hidden="true">
-                                            <div class="modal-dialog modal-full-width">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h4 class="modal-title" id="fullWidthModalLabel">Modal Heading</h4>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        <h6>Text in a modal</h6>
-                                                        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
-                                                        <hr>
-                                                        <h6>Overflowing text to show scroll behavior</h6>
-                                                        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
-                                                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
-                                                        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
-                                                    </div>
-                                                    <div class="modal-footer">
-                                                        <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
-                                                        <button type="button" class="btn btn-primary">Save changes</button>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-
-                                        <!-- Long Content Scroll Modal -->
-                                        <div class="modal fade" id="scrollable-modal" tabindex="-1" role="dialog"
-                                            aria-labelledby="scrollableModalTitle" aria-hidden="true">
-                                            <div class="modal-dialog modal-dialog-scrollable" role="document">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h5 class="modal-title" id="scrollableModalTitle">Modal title</h5>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                                            <span aria-hidden="true">&times;</span>
-                                                        </button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas
-                                                            eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
-                                                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue
-                                                            laoreet rutrum faucibus dolor auctor.</p>
-                                                        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl
-                                                            consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
-                                                        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas
-                                                            eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
-                                                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue
-                                                            laoreet rutrum faucibus dolor auctor.</p>
-                                                        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl
-                                                            consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
-                                                        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas
-                                                            eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
-                                                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue
-                                                            laoreet rutrum faucibus dolor auctor.</p>
-                                                        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl
-                                                            consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
-                                                        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas
-                                                            eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
-                                                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue
-                                                            laoreet rutrum faucibus dolor auctor.</p>
-                                                        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl
-                                                            consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
-                                                        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas
-                                                            eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
-                                                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue
-                                                            laoreet rutrum faucibus dolor auctor.</p>
-                                                        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl
-                                                            consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
-                                                        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas
-                                                            eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
-                                                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue
-                                                            laoreet rutrum faucibus dolor auctor.</p>
-                                                        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl
-                                                            consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
-                                                    </div>
-                                                    <div class="modal-footer">
-                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
-                                                        <button type="button" class="btn btn-primary">Save changes</button>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->  
-                                        
-                                        <div class="button-list">
-                                            <!-- Standard  modal -->
-                                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#standard-modal">Standard Modal</button>
-                                            <!-- Large modal -->
-                                            <button type="button" class="btn btn-info" data-toggle="modal" data-target="#bs-example-modal-lg">Large Modal</button>
-                                            <!-- Small modal -->
-                                            <button  type="button" class="btn btn-success" data-toggle="modal" data-target="#bs-example-modal-sm">Small Modal</button>
-                                            <!-- Full width modal -->
-                                            <button  type="button" class="btn btn-primary" data-toggle="modal" data-target="#full-width-modal">Full width Modal</button>
-                                            <!-- Scrollable modal -->
-                                            <button  type="button" class="btn btn-secondary" data-toggle="modal" data-target="#scrollable-modal">Scrollable Modal</button>
-                                        </div>
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Modal with Pages</h4>
-                                        <p class="sub-header">Examples of custom modals.</p>
-
-                                        <!-- Signup modal content -->
-                                        <div id="signup-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-                                            <div class="modal-dialog">
-                                                <div class="modal-content">
-    
-                                                    <div class="modal-body">
-                                                        <div class="text-center mt-2 mb-4">
-                                                            <a href="index.html" class="text-success">
-                                                                <span><img src="../assets/images/logo-dark.png" alt="" height="24"></span>
-                                                            </a>
-                                                        </div>
-    
-                                                        <form class="px-3" action="#">
-    
-                                                            <div class="form-group">
-                                                                <label for="username">Name</label>
-                                                                <input class="form-control" type="email" id="username" required="" placeholder="Michael Zenaty">
-                                                            </div>
-    
-                                                            <div class="form-group">
-                                                                <label for="emailaddress">Email address</label>
-                                                                <input class="form-control" type="email" id="emailaddress" required="" placeholder="john@deo.com">
-                                                            </div>
-    
-                                                            <div class="form-group">
-                                                                <label for="password">Password</label>
-                                                                <input class="form-control" type="password" required="" id="password" placeholder="Enter your password">
-                                                            </div>
-    
-                                                            <div class="form-group">
-                                                                <div class="custom-control custom-checkbox">
-                                                                    <input type="checkbox" class="custom-control-input" id="customCheck1">
-                                                                    <label class="custom-control-label" for="customCheck1">I accept <a href="#">Terms and Conditions</a></label>
-                                                                </div> 
-                                                            </div>
-    
-                                                            <div class="form-group text-center">
-                                                                <button class="btn btn-primary" type="submit">Sign Up Free</button>
-                                                            </div>
-    
-                                                        </form>
-    
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-    
-    
-                                        <!-- SignIn modal content -->
-                                        <div id="login-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-                                            <div class="modal-dialog">
-                                                <div class="modal-content">
-                                                    <div class="modal-body">
-                                                        <div class="text-center mt-2 mb-4">
-                                                            <a href="index.html" class="text-success">
-                                                                <span><img src="../assets/images/logo-dark.png" alt="" height="24"></span>
-                                                            </a>
-                                                        </div>
-    
-                                                        <form action="#" class="px-3">
-    
-                                                            <div class="form-group">
-                                                                <label for="emailaddress1">Email address</label>
-                                                                <input class="form-control" type="email" id="emailaddress1" required="" placeholder="john@deo.com">
-                                                            </div>
-    
-                                                            <div class="form-group">
-                                                                <label for="password1">Password</label>
-                                                                <input class="form-control" type="password" required="" id="password1" placeholder="Enter your password">
-                                                            </div>
-    
-                                                            <div class="form-group">
-                                                                <div class="custom-control custom-checkbox">
-                                                                    <input type="checkbox" class="custom-control-input" id="customCheck2">
-                                                                    <label class="custom-control-label" for="customCheck2">Remember me</label>
-                                                                </div>
-                                                            </div>
-    
-                                                            <div class="form-group text-center">
-                                                                <button class="btn btn-rounded btn-primary" type="submit">Sign In</button>
-                                                            </div>
-    
-                                                        </form>
-    
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-    
-                                        <div class="button-list">
-                                            <!-- Sign Up modal -->
-                                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#signup-modal">Sign Up Modal</button>
-                                            <!-- Log In modal -->
-                                            <button type="button" class="btn btn-info" data-toggle="modal" data-target="#login-modal">Log In Modal</button>
-                                        </div>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Modal Position</h4>
-                                        <p class="sub-header">Specify the position for the modal. You can display modal at top, bottom, center or right of page by specifying 
-                                                classes <code>modal-top</code>, <code>modal-bottom</code>, <code>modal-dialog-centered</code> and <code>modal-right</code>
-                                                respectively.</p>
-                        
-                                        <!-- Top modal content -->
-                                        <div id="top-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-                                            <div class="modal-dialog modal-top">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h4 class="modal-title" id="topModalLabel">Modal Heading</h4>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        <h5>Text in a modal</h5>
-                                                        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
-                                                    </div>
-                                                    <div class="modal-footer">
-                                                        <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
-                                                        <button type="button" class="btn btn-primary">Save changes</button>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-
-                                        <!-- Right modal content -->
-                                        <div id="right-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-                                            <div class="modal-dialog modal-sm modal-right">
-                                                <div class="modal-content">
-                                                    <div class="modal-header border-0">
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        <div class="text-center">
-                                                            <h4 class="mt-0">Text in a modal</h4>
-                                                            <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
-                                                            <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Close</button>
-                                                        </div>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-
-                                        <!-- Bottom modal content -->
-                                        <div id="bottom-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-                                            <div class="modal-dialog modal-sm modal-bottom">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h4 class="modal-title" id="bottomModalLabel">Modal Heading</h4>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        <h5>Text in a modal</h5>
-                                                        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
-                                                    </div>
-                                                    <div class="modal-footer">
-                                                        <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
-                                                        <button type="button" class="btn btn-primary">Save changes</button>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-
-                                        <!-- Center modal content -->
-                                        <div class="modal fade" id="centermodal" tabindex="-1" role="dialog" aria-hidden="true">
-                                            <div class="modal-dialog modal-dialog-centered">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h4 class="modal-title" id="myCenterModalLabel">Center modal</h4>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        <h5>Overflowing text to show scroll behavior</h5>
-                                                        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
-                                                        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-    
-                                        <div class="button-list">
-                                            <!-- Top modal -->
-                                            <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#top-modal">Top Modal</button>
-                                            <!-- Bottom modal -->
-                                            <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#bottom-modal">Bottom Modal</button>
-                                            <!-- Center modal -->
-                                            <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#centermodal">Center modal</button>
-                                            <!-- Right modal -->
-                                            <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#right-modal">Rightbar Modal</button>
-                                        </div>
-                                        
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Modal based Alerts</h4>
-                                        <p class="sub-header">Show different contexual alert messages using modal component</p>
-                        
-                                        <!-- Success Alert Modal -->
-                                        <div id="success-alert-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-                                            <div class="modal-dialog modal-sm">
-                                                <div class="modal-content modal-filled bg-success">
-                                                    <div class="modal-body p-4">
-                                                        <div class="text-center">
-                                                            <i class="bx bx-check-double h1 text-white"></i>
-                                                            <h4 class="mt-2 text-white">Well Done!</h4>
-                                                            <p class="mt-3 text-white">Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
-                                                            <button type="button" class="btn btn-light my-2" data-dismiss="modal">Continue</button>
-                                                        </div>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-
-                                        <!-- Info Alert Modal -->
-                                        <div id="info-alert-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-                                            <div class="modal-dialog modal-sm">
-                                                <div class="modal-content">
-                                                    <div class="modal-body p-4">
-                                                        <div class="text-center">
-                                                            <i class="bx bxs-info-circle h1 text-info"></i>
-                                                            <h4 class="mt-2">Heads up!</h4>
-                                                            <p class="mt-3">Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
-                                                            <button type="button" class="btn btn-info my-2" data-dismiss="modal">Continue</button>
-                                                        </div>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-
-                                        <!-- Warning Alert Modal -->
-                                        <div id="warning-alert-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-                                            <div class="modal-dialog modal-sm">
-                                                <div class="modal-content">
-                                                    <div class="modal-body p-4">
-                                                        <div class="text-center">
-                                                            <i class="bx bxs-no-entry h1 text-warning"></i>
-                                                            <h4 class="mt-2">Incorrect Information</h4>
-                                                            <p class="mt-3">Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
-                                                            <button type="button" class="btn btn-warning my-2" data-dismiss="modal">Continue</button>
-                                                        </div>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-
-                                        <!-- Danger Alert Modal -->
-                                        <div id="danger-alert-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-                                            <div class="modal-dialog modal-sm">
-                                                <div class="modal-content modal-filled bg-danger">
-                                                    <div class="modal-body p-4">
-                                                        <div class="text-center">
-                                                            <i class="bx bx-aperture h1 text-white"></i>
-                                                            <h4 class="mt-2 text-white">Oh snap!</h4>
-                                                            <p class="mt-3 text-white">Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
-                                                            <button type="button" class="btn btn-light my-2" data-dismiss="modal">Continue</button>
-                                                        </div>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-
-                                        <div class="button-list">
-                                            <!-- Success Alert modal -->
-                                            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#success-alert-modal">Success Alert</button>
-                                            <!-- Info Alert modal -->
-                                            <button type="button" class="btn btn-info" data-toggle="modal" data-target="#info-alert-modal">Info Alert</button>
-                                            <!-- Warning Alert modal -->
-                                            <button  type="button" class="btn btn-warning" data-toggle="modal" data-target="#warning-alert-modal">Warning Alert</button>
-                                            <!-- Danger Alert modal -->
-                                            <button  type="button" class="btn btn-danger" data-toggle="modal" data-target="#danger-alert-modal">Danger Alert</button>
-                                        </div>
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Multiple Modal</h4>
-                                        <p class="sub-header">Display a series of modals one by one to guide your users on multiple aspects or take step wise input.</p>
-                        
-                                        <!-- Modal -->
-                                        <div id="multiple-one" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="multiple-oneModalLabel" aria-hidden="true">
-                                            <div class="modal-dialog">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h4 class="modal-title" id="multiple-oneModalLabel">Modal Heading</h4>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        <h5 class="mt-0">Text in a modal</h5>
-                                                        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
-                                                    </div>
-                                                    <div class="modal-footer">
-                                                        <button type="button" class="btn btn-primary" data-target="#multiple-two" data-toggle="modal" data-dismiss="modal">Next</button>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-
-                                        <!-- Modal -->
-                                        <div id="multiple-two" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="multiple-twoModalLabel" aria-hidden="true">
-                                            <div class="modal-dialog">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h4 class="modal-title" id="multiple-twoModalLabel">Modal Heading</h4>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body">
-                                                        <h5 class="mt-0">Text in a modal</h5>
-                                                        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
-                                                    </div>
-                                                    <div class="modal-footer">
-                                                        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-    
-                                        <div class="button-list">
-                                            <!-- Multiple modal -->
-                                            <button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#multiple-one">Multiple Modal</button>
-                                        </div>
-
-                                    </div> <!-- end card-body -->
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Custom Modals</h4>
-
-                                        <p class="sub-header">
-                                            Examples of custom modals.
-                                        </p>
-    
-                                        <!-- sample modal content -->
-    
-                                        <div id="con-close-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
-                                            <div class="modal-dialog">
-                                                <div class="modal-content">
-                                                    <div class="modal-header">
-                                                        <h4 class="modal-title">Modal Content is Responsive</h4>
-                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                                                    </div>
-                                                    <div class="modal-body p-4">
-                                                        <div class="row">
-                                                            <div class="col-md-6">
-                                                                <div class="form-group">
-                                                                    <label for="field-1" class="control-label">Name</label>
-                                                                    <input type="text" class="form-control" id="field-1" placeholder="John">
-                                                                </div>
-                                                            </div>
-                                                            <div class="col-md-6">
-                                                                <div class="form-group">
-                                                                    <label for="field-2" class="control-label">Surname</label>
-                                                                    <input type="text" class="form-control" id="field-2" placeholder="Doe">
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="row">
-                                                            <div class="col-md-12">
-                                                                <div class="form-group">
-                                                                    <label for="field-3" class="control-label">Address</label>
-                                                                    <input type="text" class="form-control" id="field-3" placeholder="Address">
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="row">
-                                                            <div class="col-md-4">
-                                                                <div class="form-group">
-                                                                    <label for="field-4" class="control-label">City</label>
-                                                                    <input type="text" class="form-control" id="field-4" placeholder="Boston">
-                                                                </div>
-                                                            </div>
-                                                            <div class="col-md-4">
-                                                                <div class="form-group">
-                                                                    <label for="field-5" class="control-label">Country</label>
-                                                                    <input type="text" class="form-control" id="field-5" placeholder="United States">
-                                                                </div>
-                                                            </div>
-                                                            <div class="col-md-4">
-                                                                <div class="form-group">
-                                                                    <label for="field-6" class="control-label">Zip</label>
-                                                                    <input type="text" class="form-control" id="field-6" placeholder="123456">
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="row">
-                                                            <div class="col-md-12">
-                                                                <div class="form-group no-margin">
-                                                                    <label for="field-7" class="control-label">Personal Info</label>
-                                                                    <textarea class="form-control" id="field-7" placeholder="Write something about yourself"></textarea>
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                    <div class="modal-footer">
-                                                        <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">Close</button>
-                                                        <button type="button" class="btn btn-info waves-effect waves-light">Save changes</button>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div><!-- /.modal -->
-    
-                                        <div id="accordion-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
-                                            <div class="modal-dialog">
-                                                <div class="modal-content p-0">
-                                                    <div id="accordion">
-                                                        <div class="card mb-0">
-                                                            <div class="card-header" id="headingOne">
-                                                                <h5 class="m-0">
-                                                                    <a href="#collapseOne" class="text-dark" data-toggle="collapse" aria-expanded="true" aria-controls="collapseOne">
-                                                                        Collapsible Group Item #1
-                                                                    </a>
-                                                                </h5>
-                                                            </div>
-                                                
-                                                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
-                                                                <div class="card-body">
-                                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                                                    non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
-                                                                    tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil
-                                                                    anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
-                                                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
-                                                                    you probably haven't heard of them accusamus labore sustainable VHS.
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="card mb-0">
-                                                            <div class="card-header" id="headingTwo">
-                                                                <h5 class="m-0">
-                                                                    <a href="#collapseTwo" class="collapsed text-dark" data-toggle="collapse" aria-expanded="false" aria-controls="collapseTwo">
-                                                                        Collapsible Group Item #2
-                                                                    </a>
-                                                                </h5>
-                                                            </div>
-                                                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
-                                                                <div class="card-body">
-                                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                                                    non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
-                                                                    tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil
-                                                                    anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
-                                                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
-                                                                    you probably haven't heard of them accusamus labore sustainable VHS.
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="card mb-0">
-                                                            <div class="card-header" id="headingThree">
-                                                                <h5 class="m-0">
-                                                                    <a href="#collapseThree" class="collapsed text-dark" data-toggle="collapse" aria-expanded="false" aria-controls="collapseThree">
-                                                                        Collapsible Group Item #3
-                                                                    </a>
-                                                                </h5>
-                                                            </div>
-                                                            <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
-                                                                <div class="card-body">
-                                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                                                    non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
-                                                                    tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil
-                                                                    anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
-                                                                    excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
-                                                                    you probably haven't heard of them accusamus labore sustainable VHS.
-                                                                </div>
-                                                            </div>
-                                                        </div>
-                                                    </div>
-                                                </div><!-- /.modal-content -->
-                                            </div><!-- /.modal-dialog -->
-                                        </div><!-- /.modal -->
-    
-                                        <div class="button-list">
-                                            <!-- Responsive modal -->
-                                            <button type="button" class="btn btn-success waves-effect waves-light" data-toggle="modal" data-target="#con-close-modal">Responsive Modal</button>
-                                            <!-- Accordion modal -->
-                                            <button type="button" class="btn btn-secondary waves-effect waves-light" data-toggle="modal" data-target="#accordion-modal">Accordion in Modal</button>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-notifications.html b/public/modern/ui-notifications.html
deleted file mode 100644
index c198b6c..0000000
--- a/public/modern/ui-notifications.html
+++ /dev/null
@@ -1,2137 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Notifications | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Jquery Toast css -->
-        <link href="../assets/libs/jquery-toast-plugin/jquery.toast.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Notifications</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Notifications</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                        <h4 class="header-title">Bootstrap Toasts</h4>
-                                        <p class="text-muted">Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.</p>
-
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <h5 class="mb-2">Basic</h5>
-                                                <p class="text-muted">Toasts are as flexible as you need and have very little required markup. At a minimum, we
-                                                    require a single element to contain your “toasted” content and strongly encourage a dismiss button.</p>
-                                                <div class="p-3">
-                                                    <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
-                                                        <div class="toast-header">
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="user-image" height="28" class="mr-1 rounded" />
-                                                            <strong class="mr-auto">Alfredo</strong>
-                                                            <small>11 mins ago</small>
-                                                            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
-                                                                <span aria-hidden="true">&times;</span>
-                                                            </button>
-                                                        </div>
-                                                        <div class="toast-body">
-                                                            Hello, world! This is a toast message.
-                                                        </div>
-                                                    </div> <!--end toast-->
-
-                                                </div>
-                                            </div> <!-- end col-->
-                                            <div class="col-md-6">
-                                                <h5 class="mb-2">Translucent</h5>
-                                                <p class="text-muted">Toasts are slightly translucent, too, so they blend over whatever they might appear over.
-                                                    For browsers that support the backdrop-filter CSS property, we’ll also attempt to blur the elements under a toast.</p>
-
-                                                <div class="p-3 bg-secondary">
-                                                    <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
-                                                        <div class="toast-header">
-                                                            <img src="../assets/images/users/avatar-2.jpg" alt="user-image" height="28" class="mr-1 rounded" />
-                                                            <strong class="mr-auto">Andrew</strong>
-                                                            <small>11 mins ago</small>
-                                                            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
-                                                                <span aria-hidden="true">&times;</span>
-                                                            </button>
-                                                        </div>
-                                                        <div class="toast-body">
-                                                            Hello, world! This is a toast message.
-                                                        </div>
-                                                    </div> <!--end toast-->
-                                                </div>
-                                            </div> <!-- end col-->
-                                        </div>
-                                        <!-- end row-->
-
-                                        <div class="row">
-                                            <div class="col-md-6 mt-4">
-                                                <h5 class="mb-2">Stacking</h5>
-                                                <p class="text-muted">When you have multiple toasts, we default to vertiaclly stacking them in a readable manner.</p>
-                                                <div class="p-3">
-                                                    <div aria-live="polite" aria-atomic="true" style="position: relative; min-height: 200px;">
-                                                        <!-- Position it -->
-                                                        <div style="position: absolute; top: 0; right: 0;">
-                                                        
-                                                            <!-- Then put toasts within -->
-                                                            <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
-                                                                <div class="toast-header">
-                                                                    <img src="../assets/images/users/avatar-4.jpg" alt="user-image" height="28" class="mr-1 rounded" />
-                                                                    <strong class="mr-auto">Richard</strong>
-                                                                    <small class="text-muted">just now</small>
-                                                                    <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
-                                                                    <span aria-hidden="true">&times;</span>
-                                                                    </button>
-                                                                </div>
-                                                                <div class="toast-body">
-                                                                    See? Just like this.
-                                                                </div>
-                                                            </div> <!--end toast-->
-                                                        
-                                                            <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
-                                                                <div class="toast-header">
-                                                                    <img src="../assets/images/users/avatar-5.jpg" alt="user-image" height="28" class="mr-1 rounded" />
-                                                                    <strong class="mr-auto">Edward</strong>
-                                                                    <small class="text-muted">2 seconds ago</small>
-                                                                    <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
-                                                                    <span aria-hidden="true">&times;</span>
-                                                                    </button>
-                                                                </div>
-                                                                <div class="toast-body">
-                                                                    Heads up, toasts will stack automatically
-                                                                </div>
-                                                            </div> <!--end toast-->
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end col-->
-                                            <div class="col-md-6 mt-4">
-                                                <h5 class="mb-2">Placement</h5>
-                                                <p class="text-muted">Place toasts with custom CSS as you need them. The top right is often used for
-                                                    notifications, as is the top middle. If you’re only ever going to show one toast at a time, put the positioning
-                                                    styles right on the <code>.toast</code>.</p>
-                                                <div class="p-3">
-                                                    <div aria-live="polite" aria-atomic="true" class="d-flex justify-content-center align-items-center" style="min-height: 200px;">
-
-                                                        <!-- Then put toasts within -->
-                                                        <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
-                                                            <div class="toast-header">
-                                                                <img src="../assets/images/users/avatar-6.jpg" alt="user-image" height="28" class="mr-1 rounded" />
-                                                                <strong class="mr-auto">Ronnie</strong>
-                                                                <small>11 mins ago</small>
-                                                                <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
-                                                                    <span aria-hidden="true">&times;</span>
-                                                                </button>
-                                                            </div>
-                                                            <div class="toast-body">
-                                                                Hello, world! This is a toast message.
-                                                            </div>
-                                                        </div> <!--end toast-->
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end col-->
-                                        </div>
-                                        <!-- end row-->
-
-                                    </div> <!-- end card-body-->
-                                </div> <!-- end card-->
-                            </div> <!-- end col-->
-                        </div> 
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Default Alert</h4>
-                                        <p class="sub-header">
-                                            Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight
-                                            <strong>required</strong> contextual classes (e.g., <code>.alert-success</code>).
-                                        </p>
-            
-                                        <div class="alert alert-primary" role="alert">
-                                            This is a <strong>primary</strong> alert—check it out!
-                                        </div>
-                                        <div class="alert alert-secondary" role="alert">
-                                            This is a <strong>secondary</strong> alert—check it out!
-                                        </div>
-                                        <div class="alert alert-success" role="alert">
-                                            <i class="mdi mdi-check-all mr-2"></i> This is a <strong>success</strong> alert—check it out!
-                                        </div>
-                                        <div class="alert alert-danger" role="alert">
-                                            <i class="mdi mdi-block-helper mr-2"></i> This is a <strong>danger</strong> alert—check it out!
-                                        </div>
-                                        <div class="alert alert-warning" role="alert">
-                                            <i class="mdi mdi-alert-outline mr-2"></i> This is a <strong>warning</strong> alert—check it out!
-                                        </div>
-                                        <div class="alert alert-info" role="alert">
-                                            <i class="mdi mdi-alert-circle-outline mr-2"></i> A simple info alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-                                        </div>
-                                        <div class="alert alert-light" role="alert">
-                                            A simple light alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-                                        </div>
-                                        <div class="alert alert-dark mb-0" role="alert">
-                                            A simple dark alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-        
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Dismissing Alerts</h4>
-                                        <p class="sub-header">
-                                            Add a dismiss button and the <code>.alert-dismissible</code> class, which adds extra padding
-                                            to the right of the alert and positions the <code>.close</code> button.
-                                        </p>
-            
-                                        <div class="alert alert-primary alert-dismissible fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a primary alert—check it out!
-                                        </div>
-                                        <div class="alert alert-secondary alert-dismissible fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a secondary alert—check it out!
-                                        </div>
-                                        <div class="alert alert-success alert-dismissible fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a success alert—check it out!
-                                        </div>
-                                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a danger alert—check it out!
-                                        </div>
-                                        <div class="alert alert-warning alert-dismissible fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a warning alert—check it out!
-                                        </div>
-                                        <div class="alert alert-info alert-dismissible fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a info alert—check it out!
-                                        </div>
-                                        <div class="alert alert-light alert-dismissible fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a light alert—check it out!
-                                        </div>
-                                        <div class="alert alert-dark alert-dismissible fade show mb-0" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a dark alert—check it out!
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-        
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Custom Outline Alert</h4>
-                                        <p class="sub-header">
-                                            Use <code>.bg-transparent</code>,<code>.text-*</code> classes.
-                                        </p>
-            
-                                        <div class="alert alert-primary alert-dismissible bg-transparent text-primary fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a primary alert—check it out!
-                                        </div>
-                                        <div class="alert alert-secondary alert-dismissible bg-transparent text-secondary fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a secondary alert—check it out!
-                                        </div>
-                                        <div class="alert alert-success alert-dismissible bg-transparent text-success fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a success alert—check it out!
-                                        </div>
-                                        <div class="alert alert-danger alert-dismissible bg-transparent text-danger fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a danger alert—check it out!
-                                        </div>
-                                        <div class="alert alert-warning alert-dismissible bg-transparent text-warning fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a warning alert—check it out!
-                                        </div>
-                                        <div class="alert alert-info alert-dismissible bg-transparent text-info fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a info alert—check it out!
-                                        </div>
-                                        <div class="alert alert-light alert-dismissible bg-transparent text-dark fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a light alert—check it out!
-                                        </div>
-                                        <div class="alert alert-dark alert-dismissible bg-transparent text-dark fade show mb-0" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a dark alert—check it out!
-                                        </div>
-                                    </div>
-        
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Custom Background Alert</h4>
-                                        <p class="sub-header">
-                                            Use <code>.bg-*</code>,<code>.border-0</code> classes.
-                                        </p>
-            
-                                        <div class="alert alert-primary alert-dismissible bg-primary text-white border-0 fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a primary alert—check it out!
-                                        </div>
-                                        <div class="alert alert-secondary alert-dismissible bg-secondary text-white border-0 fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a secondary alert—check it out!
-                                        </div>
-                                        <div class="alert alert-success alert-dismissible bg-success text-white border-0 fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a success alert—check it out!
-                                        </div>
-                                        <div class="alert alert-danger alert-dismissible bg-danger text-white border-0 fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a danger alert—check it out!
-                                        </div>
-                                        <div class="alert alert-warning alert-dismissible bg-warning text-white border-0 fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a warning alert—check it out!
-                                        </div>
-                                        <div class="alert alert-info alert-dismissible bg-info text-white border-0 fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a info alert—check it out!
-                                        </div>
-                                        <div class="alert alert-light alert-dismissible bg-light text-dark border-0 fade show" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a light alert—check it out!
-                                        </div>
-                                        <div class="alert alert-dark alert-dismissible bg-dark text-light border-0 fade show mb-0" role="alert">
-                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                                                <span aria-hidden="true">&times;</span>
-                                            </button>
-                                            This is a dark alert—check it out!
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-
-                                         <div class="table-responsivee">
-                                            <table class="table table-borderless table-centered mb-0">
-                                                <thead class="thead-light">
-                                                <tr>
-                                                    <th style="min-width:50%;">Jquery Toast</th>
-                                                    <th></th>
-                                                </tr>
-                                                </thead>
-                                                <tbody>
-                                                <tr>
-                                                    <td>Info Example</td>
-                                                    <td>
-                                                        <button type="button" class="btn btn-info waves-effect waves-light btn-sm" id="toastr-one">Click me</button>
-                                                    </td>
-                                                </tr>
-                
-                                                <tr>
-                                                    <td>Warning Example</td>
-                                                    <td>
-                                                        <button type="button" class="btn btn-warning waves-effect waves-light btn-sm" id="toastr-two">Click me</button>
-                                                    </td>
-                                                </tr>
-                
-                                                <tr>
-                                                    <td>Success Example</td>
-                                                    <td>
-                                                        <button type="button" class="btn btn-success waves-effect waves-light btn-sm" id="toastr-three">Click me</button>
-                                                    </td>
-                                                </tr>
-                
-                                                <tr>
-                                                    <td>Danger Example</td>
-                                                    <td>
-                                                        <button type="button" class="btn btn-danger waves-light waves-effect btn-sm" id="toastr-four">Click me</button>
-                                                    </td>
-                                                </tr>
-                
-                                                <tr>
-                                                    <td>The text can be an array</td>
-                                                    <td>
-                                                        <button type="button" class="btn btn-light waves-effect btn-sm" id="toastr-five">Click me</button>
-                                                    </td>
-                                                </tr>
-                
-                                                <tr>
-                                                    <td>Put some HTML in the text</td>
-                                                    <td>
-                                                        <button type="button" class="btn btn-light waves-effect btn-sm" id="toastr-six">Click me</button>
-                                                    </td>
-                                                </tr>
-                
-                                                <tr>
-                                                    <td>Making them sticky</td>
-                                                    <td>
-                                                        <button type="button" class="btn btn-light waves-effect btn-sm" id="toastr-seven">Click me</button>
-                                                    </td>
-                                                </tr>
-                
-                                                <tr>
-                                                    <td>Fade transitions</td>
-                                                    <td>
-                                                        <button type="button" class="btn btn-light waves-effect btn-sm" id="toastr-eight">Click me</button>
-                                                    </td>
-                                                </tr>
-                
-                                                <tr>
-                                                    <td>Slide up and down transitions</td>
-                                                    <td>
-                                                        <button type="button" class="btn btn-light waves-effect btn-sm" id="toastr-nine">Click me</button>
-                                                    </td>
-                                                </tr>
-                
-                                                <tr>
-                                                    <td>Simple show from and hide to corner transition</td>
-                                                    <td>
-                                                        <button type="button" class="btn btn-light waves-effect btn-sm" id="toastr-ten">Click me</button>
-                                                    </td>
-                                                </tr>
-                                                </tbody>
-                                            </table>
-                                         </div>
-                                    </div>
-        
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row --> 
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Tost-->
-        <script src="../assets/libs/jquery-toast-plugin/jquery.toast.min.js"></script>
-
-        <!-- toastr init js-->
-        <script src="../assets/js/pages/toastr.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-portlets.html b/public/modern/ui-portlets.html
deleted file mode 100644
index e9ecc2f..0000000
--- a/public/modern/ui-portlets.html
+++ /dev/null
@@ -1,1878 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Portlets | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Portlets</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Portlets</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript:;" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase1" role="button" aria-expanded="false" aria-controls="cardCollpase1"><i class="mdi mdi-minus"></i></a>
-                                            <a href="#" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h5 class="card-title mb-0">Card title</h5>
-
-                                        <div id="cardCollpase1" class="collapse pt-3 show">
-                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                            non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
-                                            put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-
-                            <div class="col-lg-4">
-                                <!-- Portlet card -->
-                                <div class="card bg-primary text-white">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript:;" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase2" role="button" aria-expanded="false" aria-controls="cardCollpase2"><i class="mdi mdi-minus"></i></a>
-                                            <a href="#" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h5 class="card-title mb-0 text-white">Card title</h5>
-
-                                        <div id="cardCollpase2" class="collapse pt-3 show">
-                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                            non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
-                                            put a bird on it squid single-origin coffee nulla assumenda shoreditch et. 
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-
-                            <div class="col-lg-4">
-                                <!-- Portlet card -->
-                                <div class="card bg-success text-white">
-                                    <div class="card-body">
-                                        <div class="card-widgets">
-                                            <a href="javascript:;" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase3" role="button" aria-expanded="false" aria-controls="cardCollpase3"><i class="mdi mdi-minus"></i></a>
-                                            <a href="#" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h5 class="card-title mb-0 text-white">Card title</h5>
-
-                                        <div id="cardCollpase3" class="collapse pt-3 show">
-                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                            non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
-                                            put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-header bg-danger py-3 text-white">
-                                        <div class="card-widgets">
-                                            <a href="javascript:;" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase4" role="button" aria-expanded="false" aria-controls="cardCollpase2"><i class="mdi mdi-minus"></i></a>
-                                            <a href="#" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h5 class="card-title mb-0 text-white">Card title</h5>
-                                    </div>
-                                    <div id="cardCollpase4" class="collapse show">
-                                        <div class="card-body">
-                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                            non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
-                                            put a bird on it squid single-origin coffee nulla assumenda shoreditch et. 
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-
-                            <div class="col-lg-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-header bg-purple py-3 text-white">
-                                        <div class="card-widgets">
-                                            <a href="javascript:;" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase5" role="button" aria-expanded="false" aria-controls="cardCollpase2"><i class="mdi mdi-minus"></i></a>
-                                            <a href="#" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h5 class="card-title mb-0 text-white">Card title</h5>
-                                    </div>
-                                    <div id="cardCollpase5" class="collapse show">
-                                        <div class="card-body">
-                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                            non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
-                                            put a bird on it squid single-origin coffee nulla assumenda shoreditch et. 
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-
-                            <div class="col-lg-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-header bg-warning py-3 text-white">
-                                        <div class="card-widgets">
-                                            <a href="javascript:;" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase6" role="button" aria-expanded="false" aria-controls="cardCollpase2"><i class="mdi mdi-minus"></i></a>
-                                            <a href="#" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h5 class="card-title mb-0 text-white">Card title</h5>
-                                    </div>
-                                    <div id="cardCollpase6" class="collapse show">
-                                        <div class="card-body">
-                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                            non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
-                                            put a bird on it squid single-origin coffee nulla assumenda shoreditch et. 
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-header bg-info py-3 text-white">
-                                        <div class="card-widgets">
-                                            <a href="javascript:;" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase7" role="button" aria-expanded="false" aria-controls="cardCollpase2"><i class="mdi mdi-minus"></i></a>
-                                            <a href="#" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h5 class="card-title mb-0 text-white">Card title</h5>
-                                    </div>
-                                    <div id="cardCollpase7" class="collapse show">
-                                        <div class="card-body">
-                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                            non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
-                                            put a bird on it squid single-origin coffee nulla assumenda shoreditch et. 
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-
-                            <div class="col-lg-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-header bg-dark py-3 text-white">
-                                        <div class="card-widgets">
-                                            <a href="javascript:;" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase8" role="button" aria-expanded="false" aria-controls="cardCollpase2"><i class="mdi mdi-minus"></i></a>
-                                            <a href="#" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h5 class="card-title mb-0 text-white">Card title</h5>
-                                    </div>
-                                    <div id="cardCollpase8" class="collapse show">
-                                        <div class="card-body">
-                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                            non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
-                                            put a bird on it squid single-origin coffee nulla assumenda shoreditch et. 
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-
-                            <div class="col-lg-4">
-                                <!-- Portlet card -->
-                                <div class="card">
-                                    <div class="card-header bg-pink py-3 text-white">
-                                        <div class="card-widgets">
-                                            <a href="javascript:;" data-toggle="reload"><i class="mdi mdi-refresh"></i></a>
-                                            <a data-toggle="collapse" href="#cardCollpase9" role="button" aria-expanded="false" aria-controls="cardCollpase2"><i class="mdi mdi-minus"></i></a>
-                                            <a href="#" data-toggle="remove"><i class="mdi mdi-close"></i></a>
-                                        </div>
-                                        <h5 class="card-title mb-0 text-white">Card title</h5>
-                                    </div>
-                                    <div id="cardCollpase9" class="collapse show">
-                                        <div class="card-body">
-                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                            non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
-                                            put a bird on it squid single-origin coffee nulla assumenda shoreditch et. 
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-progress.html b/public/modern/ui-progress.html
deleted file mode 100644
index f38c6b4..0000000
--- a/public/modern/ui-progress.html
+++ /dev/null
@@ -1,1868 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Progress | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Progress</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Progress</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Basic Example</h4>
-        
-                                        <p class="sub-header">
-                                            Default progress bar.
-                                        </p>
-            
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar" role="progressbar" style="width: 33%" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar" role="progressbar" style="width: 66%" aria-valuenow="66" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-0">
-                                            <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card-->
-                            </div> <!-- end col -->
-        
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Contextual alternatives</h4>
-            
-                                        <p class="sub-header">
-                                            Progress bars use some of the same button and alert classes for consistent styles.
-                                        </p>
-            
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-0">
-                                            <div class="progress-bar" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
-                                            <div class="progress-bar bg-success" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
-                                            <div class="progress-bar bg-info" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                    </div>
-        
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-        
-        
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Striped example</h4>
-            
-                                        <p class="sub-header">
-                                            Uses a gradient to create a striped effect.
-                                        </p>
-            
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2">
-                                            <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-0">
-                                            <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
-                                        </div>
-                                    </div>
-        
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Size example</h4>
-            
-                                        <p class="sub-header">
-                                            We only set a <code>height</code> value on the <code>.progress</code>, so if you change that value the inner <code>.progress-bar</code> will automatically resize accordingly.
-                                        </p>
-            
-                                        <div class="progress mb-2" style="height: 1px;">
-                                            <div class="progress-bar" role="progressbar" style="width: 70%;" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2 progress-sm">
-                                            <div class="progress-bar" role="progressbar" style="width: 30%;" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2 progress-md">
-                                            <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2 progress-lg">
-                                            <div class="progress-bar bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress mb-2 progress-xl">
-                                            <div class="progress-bar bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress progress-xxl">
-                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 38%" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>     
-                                    </div>   
-            
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Progressbar Vertical</h4>
-            
-                                        <p class="sub-header">
-                                            Use class <code>.progress-vertical</code>.
-                                        </p>
-            
-                                        <div class="progress progress-vertical">
-                                            <div class="progress-bar" role="progressbar" style="height: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress progress-vertical">
-                                            <div class="progress-bar bg-success" role="progressbar" style="height: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress progress-vertical progress-lg">
-                                            <div class="progress-bar bg-info" role="progressbar" style="height: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress progress-vertical progress-xl">
-                                            <div class="progress-bar bg-warning" role="progressbar" style="height: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                    </div>
-                                    
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Progressbar Vertical Bottom</h4>
-            
-                                        <p class="sub-header">
-                                            Use class <code>.progress-vertical-bottom</code>.
-                                        </p>
-            
-                                        <div class="progress progress-vertical-bottom">
-                                            <div class="progress-bar" role="progressbar" style="height: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress progress-vertical-bottom">
-                                            <div class="progress-bar bg-success" role="progressbar" style="height: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress progress-vertical-bottom progress-lg">
-                                            <div class="progress-bar bg-info" role="progressbar" style="height: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>
-                                        <div class="progress progress-vertical-bottom progress-xl">
-                                            <div class="progress-bar bg-warning" role="progressbar" style="height: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                        </div>   
-                                    </div> 
-        
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-ribbons.html b/public/modern/ui-ribbons.html
deleted file mode 100644
index 23fedf5..0000000
--- a/public/modern/ui-ribbons.html
+++ /dev/null
@@ -1,1904 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Ribbons | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Ribbons</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Ribbons</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon ribbon-purple float-left"><i class="mdi mdi-access-point mr-1"></i> Purple</div>
-                                        <h5 class="text-purple float-right mt-0">Purple Header</h5>
-                                        <div class="ribbon-content">
-                                            <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas
-                                                mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon ribbon-primary float-right"><i class="mdi mdi-access-point mr-1"></i> Primary</div>
-                                        <h5 class="text-primary float-left mt-0">Primary Header</h5>
-                                        <div class="ribbon-content">
-                                            <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas
-                                                mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon ribbon-success float-right"><i class="mdi mdi-access-point mr-1"></i> Success</div>
-                                        <h5 class="text-success float-left mt-0">Success Header</h5>
-                                        <div class="ribbon-content">
-                                            <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas
-                                                mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon ribbon-info float-left"><i class="mdi mdi-access-point mr-1"></i> Info</div>
-                                        <h5 class="text-info float-right mt-0">Info Header</h5>
-                                        <div class="ribbon-content">
-                                            <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas
-                                                mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon ribbon-warning float-right"><i class="mdi mdi-access-point mr-1"></i> Warning</div>
-                                        <h5 class="text-warning float-left mt-0">Warning Header</h5>
-                                        <div class="ribbon-content">
-                                            <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas
-                                                mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon ribbon-danger float-right"><i class="mdi mdi-access-point mr-1"></i> Danger</div>
-                                        <h5 class="text-danger float-left mt-0">Danger Header</h5>
-                                        <div class="ribbon-content">
-                                            <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas
-                                                mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon ribbon-pink float-left ribbon-shape">Pink</div>
-                                        <h5 class="text-pink float-right mt-0">Pink Header</h5>
-                                        <div class="ribbon-content">
-                                            <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas
-                                                mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon ribbon-secondary float-right ribbon-shape">Secondary</div>
-                                        <h5 class="text-secondary float-left mt-0">Secondary Header</h5>
-                                        <div class="ribbon-content">
-                                            <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas
-                                                mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon ribbon-dark float-right ribbon-shape">Dark</div>
-                                        <h5 class="text-dark float-left mt-0">Dark Header</h5>
-                                        <div class="ribbon-content">
-                                            <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas
-                                                mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon-two ribbon-two-secondary"><span>Secondary</span></div>
-                                        <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio. Vivamus pretium nec odio cursus elementum. Suspendisse molestie ullamcorper ornare.</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon-two ribbon-two-primary"><span>Primary</span></div>
-                                        <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio. Vivamus pretium nec odio cursus elementum. Suspendisse molestie ullamcorper ornare.</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon-two ribbon-two-success"><span>Success</span></div>
-                                        <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio. Vivamus pretium nec odio cursus elementum. Suspendisse molestie ullamcorper ornare.</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon-two ribbon-two-info"><span>Info</span></div>
-                                        <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio. Vivamus pretium nec odio cursus elementum. Suspendisse molestie ullamcorper ornare.</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon-two ribbon-two-warning"><span>Warning</span></div>
-                                        <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio. Vivamus pretium nec odio cursus elementum. Suspendisse molestie ullamcorper ornare.</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon-two ribbon-two-danger"><span>Danger</span></div>
-                                        <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio. Vivamus pretium nec odio cursus elementum. Suspendisse molestie ullamcorper ornare.</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon-two ribbon-two-pink"><span>Pink</span></div>
-                                        <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio. Vivamus pretium nec odio cursus elementum. Suspendisse molestie ullamcorper ornare.</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon-two ribbon-two-purple"><span>Purple</span></div>
-                                        <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio. Vivamus pretium nec odio cursus elementum. Suspendisse molestie ullamcorper ornare.</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-lg-4">
-                                <div class="card ribbon-box">
-                                    <div class="card-body">
-                                        <div class="ribbon-two ribbon-two-dark"><span>Dark</span></div>
-                                        <p class="mb-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio. Vivamus pretium nec odio cursus elementum. Suspendisse molestie ullamcorper ornare.</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-spinners.html b/public/modern/ui-spinners.html
deleted file mode 100644
index 29034e6..0000000
--- a/public/modern/ui-spinners.html
+++ /dev/null
@@ -1,1851 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Spinners | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Spinners</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Spinners</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">        
-                                        <h4 class="header-title">Border spinner</h4>
-                                        <p class="sub-header">Use the border spinners for a lightweight loading indicator.</p>        
-                                        <div class="spinner-border text-primary m-2" role="status">
-                                            <span class="sr-only">Loading...</span>
-                                        </div>
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">        
-                                        <h4 class="header-title">Growing spinner</h4>
-                                        <p class="sub-header">If you don’t fancy a border spinner, switch to the grow spinner. While it doesn’t technically spin, it does repeatedly grow!</p>        
-                                        <div class="spinner-grow text-success" role="status">
-                                            <span class="sr-only">Loading...</span>
-                                        </div>                                              
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">        
-                                        <h4 class="header-title">Colors</h4>
-                                        <p class="sub-header"> You can use any 
-                                            of our text color utilities on the standard spinner.
-                                        </p>    
-                                        <div class="spinner-border text-primary m-2" role="status"></div>
-                                        <div class="spinner-border text-secondary m-2" role="status"></div>
-                                        <div class="spinner-border text-success m-2" role="status"></div>
-                                        <div class="spinner-border text-danger m-2" role="status"></div>
-                                        <div class="spinner-border text-warning m-2" role="status"></div>
-                                        <div class="spinner-border text-info m-2" role="status"></div>
-                                        <div class="spinner-border text-light m-2" role="status"></div>
-                                        <div class="spinner-border text-dark m-2" role="status"></div>
-                                        <div class="spinner-border text-blue m-2" role="status"></div>
-                                        <div class="spinner-border text-pink m-2" role="status"></div>                                        
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">        
-                                        <h4 class="header-title">Color Growing spinner</h4>
-                                        <p class="sub-header"> Here it is in blue, along with the supported variants.
-                                        </p>    
-                                        <div class="spinner-grow text-primary m-2" role="status"></div>
-                                        <div class="spinner-grow text-secondary m-2" role="status"></div>
-                                        <div class="spinner-grow text-success m-2" role="status"></div>
-                                        <div class="spinner-grow text-danger m-2" role="status"></div>
-                                        <div class="spinner-grow text-warning m-2" role="status"></div>
-                                        <div class="spinner-grow text-info m-2" role="status"></div>
-                                        <div class="spinner-grow text-light m-2" role="status"></div>
-                                        <div class="spinner-grow text-dark m-2" role="status"></div>
-                                        <div class="spinner-grow text-blue m-2" role="status"></div>
-                                        <div class="spinner-grow text-pink m-2" role="status"></div>
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div> <!-- end col -->  
-                        </div> <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">        
-                                        <h4 class="header-title">Alignment</h4>
-                                        <p class="sub-header">Use flexbox utilities, float utilities, or text alignment utilities 
-                                            to place spinners exactly where you need them in any situation.
-                                        </p>        
-                                        <div class="d-flex justify-content-center">
-                                            <div class="spinner-border" role="status"></div>
-                                        </div>
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">        
-                                        <h4 class="header-title">Placement</h4>
-                                        <p class="sub-header">Use <code>flexbox utilities</code>, <code>float utilities</code>, or <code>text alignment</code> utilities to place spinners exactly where you need them in any situation.</p>        
-                                        <div class="d-flex align-items-center">
-                                            <strong>Loading...</strong>
-                                            <div class="spinner-border ml-auto" role="status" aria-hidden="true"></div>
-                                        </div>                                                                                           
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">        
-                                        <h4 class="header-title">Size</h4>
-                                        <p class="sub-header">Add <code>.spinner-border-sm</code> and 
-                                            <code>.spinner-border.avatar-**</code> 
-                                            to make a smaller spinner that can quickly be used within other components.
-                                        </p>        
-                                        <div class="row">
-                                            <div class="col-lg-6">
-                                                <div class="spinner-border avatar-lg text-primary m-2" role="status"></div>
-                                                <div class="spinner-grow avatar-lg text-secondary m-2" role="status"></div>
-                                            </div><!-- end col -->
-
-                                            <div class="col-lg-6">
-                                                <div class="spinner-border avatar-md text-primary m-2" role="status"></div>
-                                                <div class="spinner-grow avatar-md text-secondary m-2" role="status"></div>
-                                            </div><!-- end col -->
-                                            
-                                            <div class="col-lg-6">
-                                                <div class="spinner-border avatar-sm text-primary m-2" role="status"></div>
-                                                <div class="spinner-grow avatar-sm text-secondary m-2" role="status"></div>
-                                            </div><!-- end col -->
-
-                                            <div class="col-lg-6">
-                                                <div class="spinner-border spinner-border-sm m-2" role="status"></div>
-                                                <div class="spinner-grow spinner-grow-sm m-2" role="status"></div>
-                                            </div><!-- end col -->                                            
-                                        </div><!--end row-->
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">        
-                                        <h4 class="header-title">Buttons spinner</h4>
-                                        <p class="sub-header">Use spinners within buttons to indicate an action is currently processing or taking place. 
-                                            You may also swap the text out of the spinner element and utilize button text as needed.
-                                        </p>        
-                                        <div class="row">
-                                            <div class="col-lg-6">
-                                                <div class="button-list">
-                                                    <button class="btn btn-primary" type="button" disabled>
-                                                        <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span><span class="sr-only">Loading...</span>
-                                                    </button>
-                                                    <button class="btn btn-primary" type="button" disabled>
-                                                        <span class="spinner-border spinner-border-sm mr-1" role="status" aria-hidden="true"></span>
-                                                        Loading...
-                                                    </button>    
-                                                </div>                                                     
-                                            </div><!-- end col -->
-                                            <div class="col-lg-6">
-                                                <div class="button-list">
-                                                    <button class="btn btn-success" type="button" disabled>
-                                                        <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span> <span class="sr-only">Loading...</span>
-                                                    </button>
-                                                    <button class="btn btn-success" type="button" disabled>
-                                                        <span class="spinner-grow spinner-grow-sm mr-1" role="status" aria-hidden="true"></span>
-                                                        Loading...
-                                                    </button>
-                                                </div>
-                                            </div><!-- end col -->
-                                        </div> <!-- end row -->                                                                                        
-                                    </div><!--end card-body-->
-                                </div><!--end card-->
-                            </div> <!-- end col -->
-                        </div> <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-tabs-accordions.html b/public/modern/ui-tabs-accordions.html
deleted file mode 100644
index 4765652..0000000
--- a/public/modern/ui-tabs-accordions.html
+++ /dev/null
@@ -1,2212 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Tabs & Accordions | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Tabs & Accordions</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Tabs & Accordions</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">Default Tabs</h4>
-        
-                                        <ul class="nav nav-tabs">
-                                            <li class="nav-item">
-                                                <a href="#home" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-home-variant"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Home</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#profile" data-toggle="tab" aria-expanded="true" class="nav-link active">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-account"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Profile</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#messages" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-email-variant"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Messages</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#settings" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-cog"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Settings</span>
-                                                </a>
-                                            </li>
-                                        </ul>
-                                        <div class="tab-content">
-                                            <div class="tab-pane" id="home">
-                                                <p>Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                                <p class="mb-0">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                            </div>
-                                            <div class="tab-pane show active" id="profile">
-                                                <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                                <p class="mb-0">Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                            </div>
-                                            <div class="tab-pane" id="messages">
-                                                <p>Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                                <p class="mb-0">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                            </div>
-                                            <div class="tab-pane fade" id="settings">
-                                                <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                                <p class="mb-0">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">Tabs Justified</h4>
-            
-                                        <ul class="nav nav-pills navtab-bg nav-justified">
-                                            <li class="nav-item">
-                                                <a href="#home1" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-home-variant"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Home</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#profile1" data-toggle="tab" aria-expanded="true" class="nav-link active">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-account"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Profile</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#messages1" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-email-variant"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Messages</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#settings1" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-cog"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Settings</span>
-                                                </a>
-                                            </li>
-                                        </ul>
-                                        <div class="tab-content">
-                                            <div class="tab-pane" id="home1">
-                                                <p>Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                                <p class="mb-0">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                            </div>
-                                            <div class="tab-pane show active" id="profile1">
-                                                <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                                <p class="mb-0">Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                            </div>
-                                            <div class="tab-pane" id="messages1">
-                                                <p>Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                                <p class="mb-0">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                            </div>
-                                            <div class="tab-pane" id="settings1">
-                                                <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                                <p class="mb-0">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-        
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">Tabs Vertical Left</h4>
-            
-                                        <div class="row">
-                                            <div class="col-sm-3">
-                                                <div class="nav flex-column nav-pills nav-pills-tab" id="v-pills-tab" role="tablist" aria-orientation="vertical">
-                                                    <a class="nav-link active show mb-1" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home"
-                                                        aria-selected="true">
-                                                        Home</a>
-                                                    <a class="nav-link mb-1" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile"
-                                                        aria-selected="false">
-                                                        Profile</a>
-                                                    <a class="nav-link mb-1" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages"
-                                                        aria-selected="false">
-                                                        Messages</a>
-                                                    <a class="nav-link mb-1" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings"
-                                                        aria-selected="false">
-                                                        Settings</a>
-                                                </div>
-                                            </div> <!-- end col-->
-                                            <div class="col-sm-9">
-                                                <div class="tab-content pt-0">
-                                                    <div class="tab-pane fade active show" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
-                                                        <p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt
-                                                            do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit
-                                                            excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit
-                                                            mollit pariatur. Deserunt non laborum enim et cillum eu deserunt excepteur ea incididunt minim occaecat.</p>
-                                                    </div>
-                                                    <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
-                                                        <p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna
-                                                            pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit
-                                                            id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem
-                                                            enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit qui esse anim eiusmod do sint minim consectetur
-                                                            qui.</p>
-                                                    </div>
-                                                    <div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
-                                                        <p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris
-                                                            ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et
-                                                            proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea
-                                                            veniam consectetur.</p>
-                                                    </div>
-                                                    <div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
-                                                        <p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident
-                                                            in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui
-                                                            mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit
-                                                            adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p>
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end col-->
-                                        </div> <!-- end row-->
-                                    
-                                    </div>
-                                </div> <!-- end card-box-->
-                            </div> <!-- end col -->
-        
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">Tabs Vertical Right</h4>
-            
-                                        <div class="row">
-                                            <div class="col-sm-9">
-                                                <div class="tab-content pt-0" id="v-pills-tabContent">
-                                                    <div class="tab-pane fade active show" id="v-pills-home2" role="tabpanel" aria-labelledby="v-pills-home-tab2">
-                                                        <p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt
-                                                            do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit
-                                                            excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit
-                                                            mollit pariatur. Deserunt non laborum enim et cillum eu deserunt excepteur ea incididunt minim occaecat.</p>
-                                                    </div>
-                                                    <div class="tab-pane fade" id="v-pills-profile2" role="tabpanel" aria-labelledby="v-pills-profile-tab2">
-                                                        <p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna
-                                                            pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit
-                                                            id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem
-                                                            enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit qui esse anim eiusmod do sint minim consectetur
-                                                            qui.</p>
-                                                    </div>
-                                                    <div class="tab-pane fade" id="v-pills-messages2" role="tabpanel" aria-labelledby="v-pills-messages-tab2">
-                                                        <p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris
-                                                            ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et
-                                                            proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea
-                                                            veniam consectetur.</p>
-                                                    </div>
-                                                    <div class="tab-pane fade" id="v-pills-settings2" role="tabpanel" aria-labelledby="v-pills-settings-tab2">
-                                                        <p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident
-                                                            in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui
-                                                            mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit
-                                                            adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p>
-                                                    </div>
-                                                </div>
-                                            </div> <!-- end col -->
-                                            <div class="col-sm-3">
-                                                <div class="nav flex-column nav-pills nav-pills-tab" id="v-pills-tab2" role="tablist" aria-orientation="vertical">
-                                                    <a class="nav-link active show mb-1" id="v-pills-home-tab2" data-toggle="pill" href="#v-pills-home2" role="tab" aria-controls="v-pills-home2"
-                                                        aria-selected="true">
-                                                        Home</a>
-                                                    <a class="nav-link mb-1" id="v-pills-profile-tab2" data-toggle="pill" href="#v-pills-profile2" role="tab" aria-controls="v-pills-profile2"
-                                                        aria-selected="false">
-                                                        Profile</a>
-                                                    <a class="nav-link mb-1" id="v-pills-messages-tab2" data-toggle="pill" href="#v-pills-messages2" role="tab" aria-controls="v-pills-messages2"
-                                                        aria-selected="false">
-                                                        Messages</a>
-                                                    <a class="nav-link mb-1" id="v-pills-settings-tab2" data-toggle="pill" href="#v-pills-settings2" role="tab" aria-controls="v-pills-settings2"
-                                                        aria-selected="false">
-                                                        Settings</a>
-                                                </div>
-                                            </div> <!-- end col -->
-                                        </div> <!-- end row-->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-        
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">Tabs Bordered</h4>
-            
-                                        <ul class="nav nav-tabs nav-bordered">
-                                            <li class="nav-item">
-                                                <a href="#home-b1" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-home-variant"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Home</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#profile-b1" data-toggle="tab" aria-expanded="true" class="nav-link active">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-account"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Profile</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#messages-b1" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-email-variant"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Messages</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#settings-b1" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-cog"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Settings</span>
-                                                </a>
-                                            </li>
-                                        </ul>
-                                        <div class="tab-content">
-                                            <div class="tab-pane" id="home-b1">
-                                                <p>Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                                <p class="mb-0">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                            </div>
-                                            <div class="tab-pane show active" id="profile-b1">
-                                                <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                                <p class="mb-0">Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                            </div>
-                                            <div class="tab-pane" id="messages-b1">
-                                                <p>Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                                <p class="mb-0">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                            </div>
-                                            <div class="tab-pane" id="settings-b1">
-                                                <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                                <p class="mb-0">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-        
-                            <div class="col-xl-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title mb-4">Tabs Bordered Justified</h4>
-            
-                                        <ul class="nav nav-tabs nav-bordered nav-justified">
-                                            <li class="nav-item">
-                                                <a href="#home-b2" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-home-variant"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Home</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#profile-b2" data-toggle="tab" aria-expanded="true" class="nav-link active">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-account"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Profile</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#messages-b2" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-email-variant"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Messages</span>
-                                                </a>
-                                            </li>
-                                            <li class="nav-item">
-                                                <a href="#settings-b2" data-toggle="tab" aria-expanded="false" class="nav-link">
-                                                    <span class="d-inline-block d-sm-none"><i class="mdi mdi-cog"></i></span>
-                                                    <span class="d-none d-sm-inline-block">Settings</span>
-                                                </a>
-                                            </li>
-                                        </ul>
-                                        <div class="tab-content">
-                                            <div class="tab-pane" id="home-b2">
-                                                <p>Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                                <p class="mb-0">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                            </div>
-                                            <div class="tab-pane active" id="profile-b2">
-                                                <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                                <p class="mb-0">Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                            </div>
-                                            <div class="tab-pane" id="messages-b2">
-                                                <p>Vakal text here dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                                <p class="mb-0">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                            </div>
-                                            <div class="tab-pane" id="settings-b2">
-                                                <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
-                                                <p class="mb-0">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-        
-                        <div class="row">
-                            <div class="col-xl-6">
-                                <div id="accordion" class="mb-3">
-                                    <div class="card mb-1">
-                                        <div class="card-header" id="headingOne">
-                                            <h5 class="m-0">
-                                                <a class="text-dark" data-toggle="collapse" href="#collapseOne" aria-expanded="true">
-                                                    <i class="mdi mdi-help-circle mr-1 text-primary"></i> 
-                                                    What is Vakal text here?
-                                                </a>
-                                            </h5>
-                                        </div>
-                            
-                                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
-                                            <div class="card-body">
-                                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                                non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
-                                                tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil
-                                                anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
-                                                excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
-                                                you probably haven't heard of them accusamus labore sustainable VHS.
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="card mb-1">
-                                        <div class="card-header" id="headingTwo">
-                                            <h5 class="m-0">
-                                                <a class="text-dark" data-toggle="collapse" href="#collapseTwo" aria-expanded="false">
-                                                    <i class="mdi mdi-help-circle mr-1 text-primary"></i> 
-                                                    Why use Vakal text here?
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
-                                            <div class="card-body">
-                                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                                non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
-                                                tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil
-                                                anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
-                                                excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
-                                                you probably haven't heard of them accusamus labore sustainable VHS.
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="card mb-1">
-                                        <div class="card-header" id="headingThree">
-                                            <h5 class="m-0">
-                                                <a class="text-dark" data-toggle="collapse" href="#collapseThree" aria-expanded="false">
-                                                    <i class="mdi mdi-help-circle mr-1 text-primary"></i> 
-                                                    How many variations exist?
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
-                                            <div class="card-body">
-                                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                                non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
-                                                tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil
-                                                anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
-                                                excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
-                                                you probably haven't heard of them accusamus labore sustainable VHS.
-                                            </div>
-                                        </div>
-                                    </div>
-        
-                                    <div class="card mb-1">
-                                        <div class="card-header" id="headingFour">
-                                            <h5 class="m-0">
-                                                <a class="text-dark" data-toggle="collapse" href="#collapseFour" aria-expanded="false">
-                                                    <i class="mdi mdi-help-circle mr-1 text-primary"></i> 
-                                                    What is Vakal text here?
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div id="collapseFour" class="collapse" aria-labelledby="collapseFour" data-parent="#accordion">
-                                            <div class="card-body">
-                                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,
-                                                non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
-                                                tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil
-                                                anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan
-                                                excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
-                                                you probably haven't heard of them accusamus labore sustainable VHS.
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div> <!-- end #accordions-->
-                            </div> <!-- end col -->
-
-                            <div class="col-xl-6">
-                                <div class="accordion custom-accordion" id="custom-accordion-one">
-                                    <div class="card mb-0">
-                                        <div class="card-header" id="headingNine">
-                                            <h5 class="m-0 position-relative">
-                                                <a class="custom-accordion-title text-reset d-block"
-                                                    data-toggle="collapse" href="#collapseNine"
-                                                    aria-expanded="true" aria-controls="collapseNine">
-                                                    Q. Can I use this template for my client? <i
-                                                        class="mdi mdi-chevron-down accordion-arrow"></i>
-                                                </a>
-                                            </h5>
-                                        </div>
-
-                                        <div id="collapseNine" class="collapse show"
-                                            aria-labelledby="headingFour"
-                                            data-parent="#custom-accordion-one">
-                                            <div class="card-body">
-                                                Yup, the marketplace license allows you to use this theme
-                                                in any end products.
-                                                For more information on licenses, please refere <a
-                                                    href="#" target="_blank">here</a>.
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="card mb-0">
-                                        <div class="card-header" id="headingFive">
-                                            <h5 class="m-0 position-relative">
-                                                <a class="custom-accordion-title text-reset collapsed d-block"
-                                                    data-toggle="collapse" href="#collapseFive"
-                                                    aria-expanded="false" aria-controls="collapseFive">
-                                                    Q. Can this theme work with WordPress? <i
-                                                        class="mdi mdi-chevron-down accordion-arrow"></i>
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div id="collapseFive" class="collapse"
-                                            aria-labelledby="headingFive"
-                                            data-parent="#custom-accordion-one">
-                                            <div class="card-body">
-                                                No. This is a HTML template. It won't directly with
-                                                WordPress, though you can convert this into WordPress
-                                                compatible theme
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="card mb-0">
-                                        <div class="card-header" id="headingSix">
-                                            <h5 class="m-0 position-relative">
-                                                <a class="custom-accordion-title text-reset collapsed d-block"
-                                                    data-toggle="collapse" href="#collapseSix"
-                                                    aria-expanded="false" aria-controls="collapseSix">
-                                                    Q. How do I get help with the theme? <i
-                                                        class="mdi mdi-chevron-down accordion-arrow"></i>
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div id="collapseSix" class="collapse" aria-labelledby="headingSix"
-                                            data-parent="#custom-accordion-one">
-                                            <div class="card-body">
-                                                Use our dedicated support email (support@coderthemes.com) to
-                                                send your issues or feedback. We are here to help anytime
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="card mb-0">
-                                        <div class="card-header" id="headingSeven">
-                                            <h5 class="m-0 position-relative">
-                                                <a class="custom-accordion-title text-reset collapsed d-block"
-                                                    data-toggle="collapse" href="#collapseSeven"
-                                                    aria-expanded="false" aria-controls="collapseSeven">
-                                                    Q. Will you regularly give updates of Minton ? <i
-                                                        class="mdi mdi-chevron-down accordion-arrow"></i>
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div id="collapseSeven" class="collapse"
-                                            aria-labelledby="headingSeven"
-                                            data-parent="#custom-accordion-one">
-                                            <div class="card-body">
-                                                Yes, We will update the Minton regularly. All the
-                                                future updates would be available without any cost
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-xl-6">
-                                <p>
-                                    <a class="btn btn-primary waves-effect waves-light" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
-                                        Link with href
-                                    </a>
-                                    <button class="btn btn-primary waves-effect waves-light" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
-                                        Button with data-target
-                                    </button>
-                                </p>
-                                <div class="collapse show" id="collapseExample">
-                                    <div class="card">
-                                        <div class="card-body">
-                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
-                                        </div>
-                                    </div>
-                                </div>
-                            </div> <!-- end col-->
-                        </div> <!-- end row --> 
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-tooltips-popovers.html b/public/modern/ui-tooltips-popovers.html
deleted file mode 100644
index 615b059..0000000
--- a/public/modern/ui-tooltips-popovers.html
+++ /dev/null
@@ -1,1857 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Tooltips & Popovers | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Tooltips & Popovers</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Tooltips & Popovers</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Popovers</h4>
-                                        <p class="sub-header">Add small overlays of content, like those on
-                                            the iPad, to any element for housing secondary information.</p>
-
-
-                                        <div class="button-list">
-                                            <button type="button" class="btn btn-light" data-container="body" title="" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="">
-                                                Popover on top
-                                            </button>
-
-                                            <button type="button" class="btn btn-light" data-container="body" title="" data-toggle="popover" data-placement="bottom" data-content="Vivamus
-                                            sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="">
-                                                Popover on bottom
-                                            </button>
-
-                                            <button type="button" class="btn btn-light" data-container="body" title="" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="">
-                                                Popover on right
-                                            </button>
-
-                                            <button type="button" class="btn btn-light" data-container="body" title="" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="Popover title">
-                                                Popover on left
-                                            </button>
-
-                                            <button type="button" tabindex="0" class="btn btn-primary" data-toggle="popover" data-trigger="focus" title="" data-content="And here's some amazing content. It's very engaging. Right?" data-original-title="Dismissible popover">
-                                                Dismissible popover
-                                            </button>
-                                        </div>
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Tooltips</h4>
-                                        <p class="sub-header">Four options are available: top, right, bottom,
-                                            and left aligned.</p>
-
-                                        <div class="button-list">
-
-                                            <button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top">Tooltip on top</button>
-
-                                            <button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom">Tooltip on bottom</button>
-
-                                            <button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
-
-                                            <button type="button" class="btn btn-light" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">Tooltip on right</button>
-                                        </div>
-
-                                        <div>
-                                            <h4 class="header-title mt-4">Tippy Tooltips</h4>
-                                            <p class="sub-header">A highly customizable vanilla JS tooltip & popover library</p>
-
-                                            <div class="row">
-                                                <div class="col-xl-6">
-                                                    <h5 class="mb-1">Placement</h5>
-                                                    <p class="sub-header">
-                                                        The default tippy tooltip looks like this when given no options. It has a nifty backdrop filling animation!
-                                                    </p>
-                                                    <div class="button-list" >
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-placement="top">Top</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-placement="bottom">Bottom</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-placement="left">Left</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-placement="right">Right</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-placement="top-start">Top-Start</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-placement="top-end">Top-End</button>
-                                                    </div> 
-
-                                                    <div class="mt-4">
-                                                        <h5 class="mb-1">Arrows</h5>
-                                                        <p class="sub-header">
-                                                            Arrows point toward the reference element. 
-                                                        </p>
-                                                        <div class="button-list" >
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-arrow="true" data-tippy-animation="fade">Default</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-arrow="true" data-tippy-arrowType="round" data-tippy-animation="fade">Round</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-arrow="true" data-tippy-arrowTransform="scaleX(1.5)" data-tippy-animation="fade">Wide</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-arrow="true" data-tippy-arrowTransform="scaleX(0.75)" data-tippy-animation="fade">Skinny</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-arrow="true" data-tippy-arrowTransform="scale(0.75)" data-tippy-animation="fade">Small</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-arrow="true" data-tippy-arrowTransform="scale(1.35)" data-tippy-animation="fade">Large</button>            
-                                                        </div>  
-                                                    </div>
-                                                    
-                                                    
-                                                    <div class="mt-4">
-                                                        <h5 class="mb-1">Interactivity</h5>
-                                                        <p class="sub-header">
-                                                            Tooltips can be interactive, meaning they won't hide when you hover over or click on them.
-                                                        </p>
-                                                        <div class="button-list" >
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-interactive="true">Interactive (hover)</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-interactive="true" data-tippy-trigger="click">Interactive (click)</button>                       
-                                                        </div>
-                                                    </div>
-
-                                                    <div class="mt-4">
-                                                        <h5 class="mb-1">Duration</h5>
-                                                        <p class="sub-header">
-                                                            A tippy can have different transition durations.
-                                                        </p>
-                                                        <div class="button-list" >
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-duration="0">0ms</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-duration="200">200ms</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-duration="1000">1000ms</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-duration="[500, 200]">[500ms, 200ms]</button>                                 
-                                                        </div> 
-                                                    </div> 
-                                                </div> <!-- end col-->
-
-                                                <div class="col-xl-6 mt-4 mt-xl-0">
-                                                    <p class="mb-1 h5">Animations</p>
-                                                    <p class="sub-header">
-                                                        Tooltips can have different types of animations.
-                                                    </p>
-                                                    <div class="button-list" >
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-animation="shift-away" data-tippy-arrow="true">Shift away</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-animation="shift-toward" data-tippy-arrow="true">Shift toward</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-animation="fade" data-tippy-arrow="true">Fade</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-animation="scale" data-tippy-arrow="true">Scale</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-animation="perspective" data-tippy-arrow="true">Perspective</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-animation="shift-away" data-tippy-inertia="true" data-tippy-duration="[600, 300]" data-tippy-arrow="true">Inertia (shift-away)</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-animation="shift-toward" data-tippy-inertia="true" data-tippy-duration="[600, 300]" data-tippy-arrow="true">Inertia (shift-toward)</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-animation="scale" data-tippy-inertia="true" data-tippy-duration="[600, 300]" data-tippy-arrow="true">Inertia (scale)</button>
-                                                        <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-animation="perspective" data-tippy-inertia="true" data-tippy-duration="[600, 300]" data-tippy-arrow="true">Inertia (perspective)</button>                      
-                                                    </div>    
-                                                    
-                                                    <div class="mt-4">
-                                                        <h5 class="mb-1">Themes</h5>
-                                                        <p class="sub-header">
-                                                            A tippy can have any kind of theme you want! Creating a custom theme is a breeze.
-                                                        </p>
-                                                        <div class="button-list" >
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="See-through!" data-plugin="tippy" data-tippy-theme="translucent">Translucent</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="A light Tooltip !" data-plugin="tippy" data-tippy-theme="light" data-tippy-arrow="true">Light</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="Awesome Gradient !" data-plugin="tippy" data-tippy-theme="gradient">Gradient</button>
-                                                        </div> 
-                                                    </div>
-                                                    
-                                                    <div class="mt-4">
-                                                        <h5 class="mb-1">Misc</h5>
-                                                        <p class="sub-header">
-                                                            Tippy has a ton of features, and it's constantly improving.
-                                                        </p>
-                                                        <div class="button-list" >
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="How cool&#39;s this?!" data-plugin="tippy" data-tippy-followCursor="true" data-tippy-arrow="true" data-tippy-animation="fade">Follow cursor</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="You&#39;ll need a touch device for this one." data-plugin="tippy" data-tippy-touchHold="true">Touch &amp; Hold</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m hugging the tooltip!" data-plugin="tippy" data-tippy-distance="0" data-tippy-animation="fade">Distance</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="10px x-axis, 50px y-axis offset" data-plugin="tippy" data-tippy-offset="10, 50">Offset</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-size="small">Small</button>
-                                                            <button class="btn btn-sm btn-primary waves-effect waves-light" title="I&#39;m a Tippy tooltip!" data-plugin="tippy" data-tippy-size="large">Large</button>                                   
-                                                        </div> 
-                                                    </div>
-        
-                                                </div> <!-- end col-->
-                                            </div>
-                                            <!-- end row-->
-                                        </div>
-                                    </div>
-
-                                </div> <!-- end card -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Tippy js-->
-        <script src="../assets/libs/tippy.js/tippy.all.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-typography.html b/public/modern/ui-typography.html
deleted file mode 100644
index e5cba3a..0000000
--- a/public/modern/ui-typography.html
+++ /dev/null
@@ -1,2096 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Typography | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Typography</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Typography</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-12">
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Display headings</h4>
-                                        <p class="sub-header">
-                                            Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
-                                        </p>
-
-                                        <h1 class="display-1">Display 1</h1>
-                                        <p class="text-muted">Suspendisse vel quam malesuada, aliquet sem sit
-                                            amet, fringilla elit. Morbi
-                                            tempor tincidunt tempor. Etiam id turpis viverra, vulputate sapien
-                                            nec,
-                                            varius sem. Curabitur ullamcorper fringilla eleifend. In ut eros
-                                            hendrerit
-                                            est consequat posuere et at velit.</p>
-
-                                        <div class="clearfix"></div>
-
-                                        <h1 class="display-2">Display 2</h1>
-                                        <p class="text-muted">In nec rhoncus eros. Vestibulum eu mattis nisl.
-                                            Quisque viverra viverra magna
-                                            nec pulvinar. Maecenas pellentesque porta augue, consectetur
-                                            facilisis diam
-                                            porttitor sed. Suspendisse tempor est sodales augue rutrum
-                                            tincidunt.
-                                            Quisque a malesuada purus.</p>
-
-                                        <div class="clearfix"></div>
-
-                                        <h1 class="display-3">Display 3</h1>
-                                        <p class="text-muted">Vestibulum auctor tincidunt semper. Phasellus ut
-                                            vulputate lacus. Suspendisse
-                                            ultricies mi eros, sit amet tempor nulla varius sed. Proin nisl
-                                            nisi,
-                                            feugiat quis bibendum vitae, dapibus in tellus.</p>
-
-                                        <div class="clearfix"></div>
-
-                                        <h1 class="display-4">Display 4</h1>
-                                        <p class="text-muted mb-0">Nulla et mattis nunc. Curabitur scelerisque
-                                            commodo condimentum. Mauris
-                                            blandit, velit a consectetur egestas, diam arcu fermentum justo,
-                                            eget
-                                            ultrices arcu eros vel erat.</p>
-
-                                        <div class="clearfix"></div>
-                                    </div>
-                                </div> <!-- end card -->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Headings</h4>
-                                        <p class="sub-header">
-                                            All HTML headings, <code class="highlighter-rouge">&lt;h1&gt;</code> through
-                                            <code>&lt;h6&gt;</code>, are available. <code>.h1</code> through <code>.h6</code>
-                                            classes are also available, for when you want to match the font styling of a heading
-                                            but still want your text to be displayed inline.
-                                        </p>
-    
-                                        <h1>This is a Heading 1</h1>
-                                        <p class="text-muted">Suspendisse vel quam malesuada, aliquet sem sit
-                                            amet, fringilla elit. Morbi
-                                            tempor tincidunt tempor. Etiam id turpis viverra, vulputate sapien
-                                            nec,
-                                            varius sem. Curabitur ullamcorper fringilla eleifend. In ut eros
-                                            hendrerit
-                                            est consequat posuere et at velit.</p>
-    
-                                        <div class="clearfix"></div>
-    
-                                        <h2>This is a Heading 2</h2>
-                                        <p class="text-muted">In nec rhoncus eros. Vestibulum eu mattis nisl.
-                                            Quisque viverra viverra magna
-                                            nec pulvinar. Maecenas pellentesque porta augue, consectetur
-                                            facilisis diam
-                                            porttitor sed. Suspendisse tempor est sodales augue rutrum
-                                            tincidunt.
-                                            Quisque a malesuada purus.</p>
-    
-                                        <div class="clearfix"></div>
-    
-                                        <h3>This is a Heading 3</h3>
-                                        <p class="text-muted">Vestibulum auctor tincidunt semper. Phasellus ut
-                                            vulputate lacus. Suspendisse
-                                            ultricies mi eros, sit amet tempor nulla varius sed. Proin nisl
-                                            nisi,
-                                            feugiat quis bibendum vitae, dapibus in tellus.</p>
-    
-                                        <div class="clearfix"></div>
-    
-                                        <h4>This is a Heading 4</h4>
-                                        <p class="text-muted">Nulla et mattis nunc. Curabitur scelerisque
-                                            commodo condimentum. Mauris
-                                            blandit, velit a consectetur egestas, diam arcu fermentum justo,
-                                            eget
-                                            ultrices arcu eros vel erat.</p>
-    
-                                        <div class="clearfix"></div>
-    
-                                        <h5>This is a Heading 5</h5>
-                                        <p class="text-muted">Quisque nec turpis at urna dictum luctus.
-                                            Suspendisse convallis dignissim
-                                            eros at volutpat. In egestas mattis dui. Aliquam mattis dictum
-                                            aliquet.
-                                            Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.
-                                            Vivamus
-                                            pretium nec odio cursus elementum. Suspendisse molestie ullamcorper
-                                            ornare.</p>
-    
-                                        <div class="clearfix"></div>
-    
-                                        <h6>This is a Heading 6</h6>
-                                        <p class="text-muted mb-0">Donec ultricies, lacus id tempor condimentum, orci
-                                            leo faucibus sem, a
-                                            molestie libero lectus ac justo. ultricies mi eros, sit amet tempor
-                                            nulla
-                                            varius sed. Proin nisl nisi, feugiat quis bibendum vitae, dapibus in
-                                            tellus.</p>
-                                    </div>
-                                </div> <!-- end card -->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-xl-6">
-                                                <h4 class="header-title">Inline text elements</h4>
-                                                <p class="sub-header">
-                                                    Your awesome text goes here.
-                                                </p>
-    
-                                                <p class="lead">
-                                                    Your title goes here
-                                                </p>
-    
-                                                <p>You can use the mark tag to <mark>highlight</mark> text.</p>
-                                                <p><del>This line of text is meant to be treated as deleted text.</del></p>
-                                                <p><s>This line of text is meant to be treated as no longer accurate.</s></p>
-                                                <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
-                                                <p><u>This line of text will render as underlined</u></p>
-                                                <p><small>This line of text is meant to be treated as fine print.</small></p>
-                                                <p><strong>This line rendered as bold text.</strong></p>
-                                                <p><em>This line rendered as italicized text.</em></p>
-                                            </div>
-    
-                                            <div class="col-xl-6 mt-3 mt-xl-0">
-                                                <h4 class="header-title">Contextual Text Colors</h4>
-                                                <p class="sub-header">
-                                                    Your awesome text goes here.
-                                                </p>
-    
-                                                <p class="text-custom">
-                                                    Etiam porta sem malesuada magna mollis euismod.
-                                                </p>
-                                                <p class="text-pink">
-                                                    Donec ullamcorper nulla non metus auctor fringilla.
-                                                </p>
-                                                <p class="text-muted">
-                                                    Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
-                                                </p>
-                                                <p class="text-primary">
-                                                    Nullam id dolor id nibh ultricies vehicula ut id elit.
-                                                </p>
-                                                <p class="text-success">
-                                                    Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
-                                                </p>
-                                                <p class="text-info">
-                                                    Maecenas sed diam eget risus varius blandit sit amet non magna.
-                                                </p>
-                                                <p class="text-warning">
-                                                    Etiam porta sem malesuada magna mollis euismod.
-                                                </p>
-                                                <p class="text-danger">
-                                                    Donec ullamcorper nulla non metus auctor fringilla.
-                                                </p>
-                                                <p class="text-dark">
-                                                    Nullam id dolor id nibh ultricies vehicula ut id elit.
-                                                </p>
-                                                <p class="text-purple m-b-0">
-                                                    Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
-                                                </p>
-    
-                                            </div> <!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-                                    </div>
-                                </div> <!-- end card -->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-xl-4">
-                                                <h4 class="header-title">Unordered</h4>
-                                                <p class="sub-header">
-                                                    A list of items in which the order does not explicitly matter.
-                                                </p>
-    
-                                                <ul>
-                                                    <li>
-                                                        Lorem ipsum dolor sit amet
-                                                    </li>
-                                                    <li>
-                                                        Consectetur adipiscing elit
-                                                    </li>
-                                                    <li>
-                                                        Integer molestie lorem at massa
-                                                    </li>
-                                                    <li>
-                                                        Facilisis in pretium nisl aliquet
-                                                    </li>
-                                                    <li>
-                                                        Nulla volutpat aliquam velit
-                                                        <ul>
-                                                            <li>
-                                                                Phasellus iaculis neque
-                                                            </li>
-                                                            <li>
-                                                                Purus sodales ultricies
-                                                            </li>
-                                                            <li>
-                                                                Vestibulum laoreet porttitor sem
-                                                            </li>
-                                                            <li>
-                                                                Ac tristique libero volutpat at
-                                                            </li>
-                                                        </ul>
-                                                    </li>
-                                                    <li>
-                                                        Faucibus porta lacus fringilla vel
-                                                    </li>
-                                                    <li>
-                                                        Aenean sit amet erat nunc
-                                                    </li>
-                                                    <li>
-                                                        Eget porttitor lorem
-                                                    </li>
-                                                </ul>
-    
-                                            </div> <!-- end col -->
-    
-                                            <div class="col-xl-4 mt-3 mt-xl-0">
-                                                <h4 class="header-title">Ordered</h4>
-                                                <p class="sub-header">
-                                                    A list of items in which the order does explicitly matter.
-                                                </p>
-    
-                                                <ol>
-                                                    <li>
-                                                        Lorem ipsum dolor sit amet
-                                                    </li>
-                                                    <li>
-                                                        Consectetur adipiscing elit
-                                                    </li>
-                                                    <li>
-                                                        Integer molestie lorem at massa
-                                                    </li>
-                                                    <li>
-                                                        Facilisis in pretium nisl aliquet
-                                                    </li>
-                                                    <li>
-                                                        Nulla volutpat aliquam velit
-                                                        <ol>
-                                                            <li>
-                                                                Phasellus iaculis neque
-                                                            </li>
-                                                            <li>
-                                                                Purus sodales ultricies
-                                                            </li>
-                                                            <li>
-                                                                Vestibulum laoreet porttitor sem
-                                                            </li>
-                                                            <li>
-                                                                Ac tristique libero volutpat at
-                                                            </li>
-                                                        </ol>
-                                                    </li>
-                                                    <li>
-                                                        Faucibus porta lacus fringilla vel
-                                                    </li>
-                                                    <li>
-                                                        Aenean sit amet erat nunc
-                                                    </li>
-                                                    <li>
-                                                        Eget porttitor lorem
-                                                    </li>
-                                                </ol>
-                                            </div> <!-- end col -->
-    
-                                            <div class="col-xl-4 mt-3 mt-xl-0">
-                                                <h4 class="header-title">Unstyled</h4>
-                                                <p class="sub-header">
-                                                    <strong>This only applies to immediate children
-                                                        list items</strong>, meaning you will need to add the class for any nested lists as well.
-                                                </p>
-    
-                                                <ul class="list-unstyled">
-                                                    <li>
-                                                        Lorem ipsum dolor sit amet
-                                                    </li>
-                                                    <li>
-                                                        Integer molestie lorem at massa
-                                                        <ul>
-                                                            <li>
-                                                                Phasellus iaculis neque
-                                                            </li>
-                                                        </ul>
-                                                    </li>
-                                                    <li>
-                                                        Faucibus porta lacus fringilla vel
-                                                    </li>
-                                                    <li>
-                                                        Eget porttitor lorem
-                                                    </li>
-                                                </ul>
-    
-                                                <h5>Inline</h5>
-                                                <p class="text-muted ">
-                                                    Place all list items on a single line with <code>
-                                                    display: inline-block;</code>
-                                                    and some light padding.
-                                                </p>
-    
-                                                <ul class="list-inline mb-0">
-                                                    <li class="list-inline-item">
-                                                        Lorem ipsum
-                                                    </li>
-                                                    <li class="list-inline-item">
-                                                        Phasellus iaculis
-                                                    </li>
-                                                    <li class="list-inline-item">
-                                                        Nulla volutpat
-                                                    </li>
-                                                </ul>
-    
-                                            </div> <!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-                                    </div>
-                                </div>
-                                 <!-- end card -->
-
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-xl-6">
-                                                <h4 class="header-title">Blockquotes</h4>
-                                                <p class="sub-header">
-                                                    Your awesome text goes here.
-                                                </p>
-    
-                                                <blockquote class="blockquote">
-                                                    <p class="mb-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
-                                                    <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                                </blockquote>
-    
-                                                <p class="text-muted">
-                                                    Use text utilities as needed to change the alignment of your blockquote.
-                                                </p>
-    
-                                                <blockquote class="blockquote text-center border-0">
-                                                    <p class="mb-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
-                                                    <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                                </blockquote>
-    
-                                                <blockquote class="blockquote blockquote-reverse mb-0">
-                                                    <p class="mb-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
-                                                    <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer>
-                                                </blockquote>
-                                            </div> <!-- end col -->
-    
-                                            <div class="col-xl-6 mt-3 mt-xl-0">
-                                                <h4 class="header-title">Description list alignment</h4>
-                                                <p class="sub-header">
-                                                    Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can optionally add a <code class="highlighter-rouge">.text-truncate</code> class to truncate the text with an ellipsis.
-                                                </p>
-    
-                                                <dl class="row mb-0">
-                                                    <dt class="col-sm-3">Description lists</dt>
-                                                    <dd class="col-sm-9">A description list is perfect for defining terms.</dd>
-    
-                                                    <dt class="col-sm-3">Euismod</dt>
-                                                    <dd class="col-sm-9">
-                                                        <p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</p>
-                                                        <p>Donec id elit non mi porta gravida at eget metus.</p>
-                                                    </dd>
-    
-                                                    <dt class="col-sm-3">Malesuada porta</dt>
-                                                    <dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>
-    
-                                                    <dt class="col-sm-3 text-truncate">Truncated term is truncated</dt>
-                                                    <dd class="col-sm-9">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
-    
-                                                    <dt class="col-sm-3">Nesting</dt>
-                                                    <dd class="col-sm-9">
-                                                        <dl class="row">
-                                                            <dt class="col-sm-4">Nested definition list</dt>
-                                                            <dd class="col-sm-8">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
-                                                        </dl>
-                                                    </dd>
-                                                </dl>
-    
-                                            </div> <!-- end col -->
-                                        </div>
-                                        <!-- end row -->
-                                    </div>
-                                </div> <!-- end card -->
-                            </div> <!-- end col -->
-
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/ui-video.html b/public/modern/ui-video.html
deleted file mode 100644
index 5473210..0000000
--- a/public/modern/ui-video.html
+++ /dev/null
@@ -1,1742 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Video | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- Topbar Start -->
-            <div class="navbar-custom">
-                <div class="container-fluid">
-    
-                    <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                        <li class="d-none d-lg-block">
-                            <form class="app-search">
-                                <div class="app-search-box dropdown">
-                                    <div class="input-group">
-                                        <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                        <div class="input-group-append">
-                                            <button class="btn" type="submit">
-                                                <i class="fe-search"></i>
-                                            </button>
-                                        </div>
-                                    </div>
-                                    <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                        </div>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-home mr-1"></i>
-                                            <span>Analytics Report</span>
-                                        </a>
-            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-aperture mr-1"></i>
-                                            <span>How can I help you?</span>
-                                        </a>
-                            
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>User profile settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                        </div>
-
-                                        <div class="notification-list">
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                        <span class="font-12 mb-0">UI Designer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="media">
-                                                    <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                    <div class="media-body">
-                                                        <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                        <span class="font-12 mb-0">Developer</span>
-                                                    </div>
-                                                </div>
-                                            </a>
-                                        </div>
-            
-                                    </div>  
-                                </div>
-                            </form>
-                        </li>
-    
-                        <li class="dropdown d-inline-block d-lg-none">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-search noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                <form class="p-3">
-                                    <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                </form>
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                <i class="fe-maximize noti-icon"></i>
-                            </a>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-grid noti-icon"></i>
-                            </a>
-                            <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                <div class="p-2">
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/github.png" alt="Github">
-                                                <span>GitHub</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                <span>Dribbble</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/slack.png" alt="slack">
-                                                <span>Slack</span>
-                                            </a>
-                                        </div>
-                                    </div>
-    
-                                    <div class="row no-gutters">
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                <span>G Suite</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                <span>Bitbucket</span>
-                                            </a>
-                                        </div>
-                                        <div class="col">
-                                            <a class="dropdown-icon-item" href="#">
-                                                <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                <span>Dropbox</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                            <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right">
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                </a>
-    
-                            </div>
-                        </li>
-            
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <i class="fe-bell noti-icon"></i>
-                                <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                <!-- item-->
-                                <div class="dropdown-item noti-title">
-                                    <h5 class="m-0">
-                                        <span class="float-right">
-                                            <a href="" class="text-dark">
-                                                <small>Clear All</small>
-                                            </a>
-                                        </span>Notification
-                                    </h5>
-                                </div>
-    
-                                <div class="noti-scroll" data-simplebar>
-    
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                        <div class="notify-icon bg-soft-primary text-primary">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                            <small class="text-muted">1 min ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Mario Drummond</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Hi, How are you? What about our next meeting</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon">
-                                            <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                        <p class="notify-details">Karen Robinson</p>
-                                        <p class="text-muted mb-0 user-msg">
-                                            <small>Wow ! this admin looks good and awesome design</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-soft-warning text-warning">
-                                            <i class="mdi mdi-account-plus"></i>
-                                        </div>
-                                        <p class="notify-details">New user registered.
-                                            <small class="text-muted">5 hours ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-info">
-                                            <i class="mdi mdi-comment-account-outline"></i>
-                                        </div>
-                                        <p class="notify-details">Caleb Flakelar commented on Admin
-                                            <small class="text-muted">4 days ago</small>
-                                        </p>
-                                    </a>
-
-                                    <!-- item-->
-                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                        <div class="notify-icon bg-secondary">
-                                            <i class="mdi mdi-heart"></i>
-                                        </div>
-                                        <p class="notify-details">Carlos Crouch liked
-                                            <b>Admin</b>
-                                            <small class="text-muted">13 days ago</small>
-                                        </p>
-                                    </a>
-                                </div>
-    
-                                <!-- All-->
-                                <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                    View all
-                                    <i class="fe-arrow-right"></i>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list topbar-dropdown">
-                            <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                <span class="pro-user-name ml-1">
-                                    Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                </span>
-                            </a>
-                            <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                <!-- item-->
-                                <div class="dropdown-header noti-title">
-                                    <h6 class="text-overflow m-0">Welcome !</h6>
-                                </div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-account-circle-line"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-settings-3-line"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-wallet-line"></i>
-                                    <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-lock-line"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <div class="dropdown-divider"></div>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="ri-logout-box-line"></i>
-                                    <span>Logout</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown notification-list">
-                            <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                <i class="fe-settings noti-icon"></i>
-                            </a>
-                        </li>
-    
-                    </ul>
-
-                    <!-- LOGO -->
-                    <div class="logo-box">
-                        <a href="index.html" class="logo logo-dark text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                <!-- <span class="logo-lg-text-light">Minton</span> -->
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                <!-- <span class="logo-lg-text-light">M</span> -->
-                            </span>
-                        </a>
-
-                        <a href="index.html" class="logo logo-light text-center">
-                            <span class="logo-sm">
-                                <img src="../assets/images/logo-sm.png" alt="" height="24">
-                            </span>
-                            <span class="logo-lg">
-                                <img src="../assets/images/logo-light.png" alt="" height="20">
-                            </span>
-                        </a>
-                    </div>
-    
-                    <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                        <li>
-                            <button class="button-menu-mobile waves-effect waves-light">
-                                <i class="fe-menu"></i>
-                            </button>
-                        </li>
-
-                        <li>
-                            <!-- Mobile menu toggle (Horizontal Layout)-->
-                            <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                <div class="lines">
-                                    <span></span>
-                                    <span></span>
-                                    <span></span>
-                                </div>
-                            </a>
-                            <!-- End mobile menu toggle-->
-                        </li>   
-            
-                        <li class="dropdown d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Create New
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu">
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-briefcase mr-1"></i>
-                                    <span>New Projects</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>Create Users</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-bar-chart-line- mr-1"></i>
-                                    <span>Revenue Report</span>
-                                </a>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-    
-                                <div class="dropdown-divider"></div>
-    
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item">
-                                    <i class="fe-headphones mr-1"></i>
-                                    <span>Help & Support</span>
-                                </a>
-    
-                            </div>
-                        </li>
-    
-                        <li class="dropdown dropdown-mega d-none d-xl-block">
-                            <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                Mega Menu
-                                <i class="mdi mdi-chevron-down"></i> 
-                            </a>
-                            <div class="dropdown-menu dropdown-megamenu">
-                                <div class="row">
-                                    <div class="col-sm-8">
-                            
-                                        <div class="row">
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">UI Components</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Widgets</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Nestable List</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Range Sliders</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Masonry Items</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Sweet Alerts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Treeview Page</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Tour Page</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Applications</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">eCommerce Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">CRM Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Calendar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Team Contacts</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Task Board</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Email Templates</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-    
-                                            <div class="col-md-4">
-                                                <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                <ul class="list-unstyled megamenu-list">
-                                                    <li>
-                                                        <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Menu Collapsed</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">New Header Style</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Search Result</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Gallery Pages</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div class="col-sm-4">
-                                        <div class="text-center mt-3">
-                                            <h3 class="text-dark">Special Discount Sale!</h3>
-                                            <h4>Save up to 70% off.</h4>
-                                            <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                        </div>
-                                    </div>
-                                </div>
-    
-                            </div>
-                        </li>
-                    </ul>
-                    <div class="clearfix"></div>
-                </div>
-            </div>
-            <!-- end Topbar -->
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Embed Video</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">UI</a></li>
-                                            <li class="breadcrumb-item active">Embed Video</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title -->  
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Responsive embed video 21:9</h4>
-                                        <p class="sub-header">Use class <code>.embed-responsive-21by9</code></p>
-                                        <!-- 21:9 aspect ratio -->
-                                        <div class="embed-responsive embed-responsive-21by9">
-                                            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/PrUxWZiQfy4?autohide=0&showinfo=0&controls=0"></iframe>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Responsive embed video 16:9</h4>
-                                        <p class="sub-header">Use class <code>.embed-responsive-16by9</code></p>
-                                        <!-- 16:9 aspect ratio -->
-                                        <div class="embed-responsive embed-responsive-16by9">
-                                            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/PrUxWZiQfy4?ecver=1"></iframe>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Responsive embed video 4:3</h4>
-                                        <p class="sub-header">Use class <code>.embed-responsive-4by3</code></p>
-                                        <!-- 4:3 aspect ratio -->
-                                        <div class="embed-responsive embed-responsive-4by3">
-                                            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/PrUxWZiQfy4?ecver=1"></iframe>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-
-                            <div class="col-lg-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <h4 class="header-title">Responsive embed video 1:1</h4>
-                                        <p class="sub-header">Use class <code>.embed-responsive-1by1</code></p>
-                                        <!-- 1:1 aspect ratio -->
-                                        <div class="embed-responsive embed-responsive-1by1">
-                                            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/PrUxWZiQfy4?ecver=1"></iframe>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div> <!-- end col -->
-                        </div>
-                        <!-- end row -->
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file
diff --git a/public/modern/widgets.html b/public/modern/widgets.html
deleted file mode 100644
index 71f2cdf..0000000
--- a/public/modern/widgets.html
+++ /dev/null
@@ -1,2795 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Widgets | Minton - Responsive Admin Dashboard Template</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
-        <meta content="Coderthemes" name="author" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <!-- App favicon -->
-        <link rel="shortcut icon" href="../assets/images/favicon.ico">
-
-        <!-- Plugins css-->
-        <link href="../assets/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css" />
-
-		<!-- App css -->
-		<link href="../assets/css/bootstrap-modern.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
-		<link href="../assets/css/app-modern.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
-
-		<link href="../assets/css/bootstrap-modern-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
-		<link href="../assets/css/app-modern-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
-
-		<!-- icons -->
-		<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
-
-    </head>
-
-    <body class="loading" data-layout-mode="detached" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "default", "showuser": true}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
-
-        <!-- Begin page -->
-        <div id="wrapper">
-
-            <!-- ========== Left Sidebar Start ========== -->
-            <div class="left-side-menu">
-
-                <!-- LOGO -->
-                <div class="logo-box">
-                    <a href="index.html" class="logo logo-dark text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                            <!-- <span class="logo-lg-text-light">Minton</span> -->
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-dark.png" alt="" height="20">
-                            <!-- <span class="logo-lg-text-light">M</span> -->
-                        </span>
-                    </a>
-
-                    <a href="index.html" class="logo logo-light text-center">
-                        <span class="logo-sm">
-                            <img src="../assets/images/logo-sm.png" alt="" height="24">
-                        </span>
-                        <span class="logo-lg">
-                            <img src="../assets/images/logo-light.png" alt="" height="20">
-                        </span>
-                    </a>
-                </div>
-
-                <div class="h-100" data-simplebar>
-
-                    <!-- User box -->
-                    <div class="user-box text-center">
-                        <img src="../assets/images/users/avatar-1.jpg" alt="user-img" title="Mat Helme"
-                            class="rounded-circle avatar-md">
-                        <div class="dropdown">
-                            <a href="javascript: void(0);" class="text-reset dropdown-toggle h5 mt-2 mb-1 d-block font-weight-medium"
-                                data-toggle="dropdown">Nikhil Patel</a>
-                            <div class="dropdown-menu user-pro-dropdown">
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-user mr-1"></i>
-                                    <span>My Account</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-settings mr-1"></i>
-                                    <span>Settings</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-lock mr-1"></i>
-                                    <span>Lock Screen</span>
-                                </a>
-
-                                <!-- item-->
-                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                    <i class="fe-log-out mr-1"></i>
-                                    <span>Logout</span>
-                                </a>
-
-                            </div>
-                        </div>
-                        <p class="text-reset">Admin Head</p>
-                    </div>
-
-                    <!--- Sidemenu -->
-                    <div id="sidebar-menu">
-
-                        <ul id="side-menu">
-
-                            <li class="menu-title">Navigation</li>
-                
-                            <li>
-                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect">
-                                    <i class="ri-dashboard-line"></i>
-                                    <span class="badge badge-success badge-pill float-right">3</span>
-                                    <span> Dashboards </span>
-                                </a>
-                                <div class="collapse" id="sidebarDashboards">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="index.html">Sales</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-crm.html">CRM</a>
-                                        </li>
-                                        <li>
-                                            <a href="dashboard-analytics.html">Analytics</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarLayouts" data-toggle="collapse">
-                                    <i class="ri-layout-line"></i>
-                                    <span> Layouts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarLayouts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="layouts-vertical.html">Vertical</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-horizontal.html">Horizontal</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-two-column.html">Two Column Menu</a>
-                                        </li>
-                                        <li>
-                                            <a href="layouts-preloader.html">Preloader</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Apps</li>
-
-                            <li>
-                                <a href="apps-chat.html">
-                                    <i class="ri-message-2-line"></i>
-                                    <span> Chat </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEcommerce" data-toggle="collapse">
-                                    <i class="ri-shopping-cart-2-line"></i>
-                                    <span class="badge badge-danger float-right">New</span>
-                                    <span> Ecommerce </span>
-                                </a>
-                                <div class="collapse" id="sidebarEcommerce">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ecommerce-products.html">Products List</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-products-grid.html">Products Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-detail.html">Product Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-product-create.html">Create Product</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-customers.html">Customers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders.html">Orders</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-orders-detail.html">Order Detail</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-sellers.html">Sellers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-cart.html">Shopping Cart</a>
-                                        </li>
-                                        <li>
-                                            <a href="ecommerce-checkout.html">Checkout</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-calendar.html">
-                                    <i class="ri-calendar-2-line"></i>
-                                    <span> Calendar </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarEmail" data-toggle="collapse">
-                                    <i class="ri-mail-line"></i>
-                                    <span> Email </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarEmail">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="email-inbox.html">Inbox</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-read.html">Read Email</a>
-                                        </li>
-                                        <li>
-                                            <a href="email-templates.html">Email Templates</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-companies.html">
-                                    <i class="ri-building-4-line"></i>
-                                    <span> Companies </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTasks" data-toggle="collapse">
-                                    <i class="ri-task-line"></i>
-                                    <span> Tasks </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTasks">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="task-list.html">List</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-details.html">Details</a>
-                                        </li>
-                                        <li>
-                                            <a href="task-kanban-board.html">Kanban Board</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-tickets.html">
-                                    <i class="ri-customer-service-2-line"></i>
-                                    <span> Tickets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarContacts" data-toggle="collapse">
-                                    <i class="ri-profile-line"></i>
-                                    <span> Contacts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarContacts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="contacts-list.html">Members List</a>
-                                        </li>
-                                        <li>
-                                            <a href="contacts-profile.html">Profile</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="apps-file-manager.html">
-                                    <i class="ri-folders-line"></i>
-                                    <span> File Manager </span>
-                                </a>
-                            </li>
-
-                            <li class="menu-title mt-2">Custom</li>
-
-                            <li>
-                                <a href="#sidebarAuth" data-toggle="collapse">
-                                    <i class="ri-shield-user-line"></i>
-                                    <span> Auth Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarAuth">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="auth-login.html">Log In</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-login-2.html">Log In 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register.html">Register</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-register-2.html">Register 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup.html">Signin - Signup</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-signin-signup-2.html">Signin - Signup 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw.html">Recover Password</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-recoverpw-2.html">Recover Password 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen.html">Lock Screen</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-lock-screen-2.html">Lock Screen 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout.html">Logout</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-logout-2.html">Logout 2</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail.html">Confirm Mail</a>
-                                        </li>
-                                        <li>
-                                            <a href="auth-confirm-mail-2.html">Confirm Mail 2</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExpages" data-toggle="collapse">
-                                    <i class="ri-pages-line"></i>
-                                    <span> Extra Pages </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarExpages">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="pages-starter.html">Starter</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-timeline.html">Timeline</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-sitemap.html">Sitemap</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-invoice.html">Invoice</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-faqs.html">FAQs</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-search-results.html">Search Results</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-pricing.html">Pricing</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-maintenance.html">Maintenance</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-coming-soon.html">Coming Soon</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-gallery.html">Gallery</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404.html">Error 404</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-404-alt.html">Error 404-alt</a>
-                                        </li>
-                                        <li>
-                                            <a href="pages-500.html">Error 500</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li class="menu-title mt-2">Components</li>
-
-                            <li>
-                                <a href="#sidebarBaseui" data-toggle="collapse">
-                                    <i class="ri-pencil-ruler-2-line"></i>
-                                    <span> Base UI </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarBaseui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="ui-avatars.html">Avatars</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-buttons.html">Buttons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-cards.html">Cards</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-carousel.html">Carousel</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-dropdowns.html">Dropdowns</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-video.html">Embed Video</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-general.html">General UI</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-grid.html">Grid</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-images.html">Images</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-list-group.html">List Group</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-modals.html">Modals</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-notifications.html">Notifications</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-portlets.html">Portlets</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-progress.html">Progress</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-ribbons.html">Ribbons</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-spinners.html">Spinners</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tabs-accordions.html">Tabs & Accordions</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-tooltips-popovers.html">Tooltips & Popovers</a>
-                                        </li>
-                                        <li>
-                                            <a href="ui-typography.html">Typography</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarExtendedui" data-toggle="collapse">
-                                    <i class="ri-stack-line"></i>
-                                    <span class="badge badge-info float-right">Hot</span>
-                                    <span> Extended UI </span>
-                                </a>
-                                <div class="collapse" id="sidebarExtendedui">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="extended-nestable.html">Nestable List</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-range-slider.html">Range Slider</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-sweet-alert.html">Sweet Alert</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-tour.html">Tour Page</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-treeview.html">Treeview</a>
-                                        </li>
-                                        <li>
-                                            <a href="extended-scrollspy.html">Scrollspy</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="widgets.html">
-                                    <i class="ri-honour-line"></i>
-                                    <span> Widgets </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarIcons" data-toggle="collapse">
-                                    <i class="ri-markup-line"></i>
-                                    <span> Icons </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarIcons">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="icons-feather.html">Feather</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-remix.html">Remix</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-boxicons.html">Boxicons</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-mdi.html">Material Design</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-font-awesome.html">Font Awesome 5</a>
-                                        </li>
-                                        <li>
-                                            <a href="icons-weather.html">Weather</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarForms" data-toggle="collapse">
-                                    <i class="ri-eraser-line"></i>
-                                    <span> Forms </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarForms">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="forms-elements.html">General Elements</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-advanced.html">Advanced</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-validation.html">Validation</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-pickers.html">Pickers</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-wizard.html">Wizard</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-masks.html">Masks</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-summernote.html">Summernote</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-quilljs.html">Quilljs Editor</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-file-uploads.html">File Uploads</a>
-                                        </li>
-                                        <li>
-                                            <a href="forms-x-editable.html">X Editable</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarTables" data-toggle="collapse">
-                                    <i class="ri-table-line"></i>
-                                    <span> Tables </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarTables">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="tables-basic.html">Basic Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-datatables.html">Data Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-editable.html">Editable Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-responsive.html">Responsive Tables</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-footables.html">FooTable</a>
-                                        </li>
-                                        <li>
-                                            <a href="tables-tablesaw.html">Tablesaw Tables</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarCharts" data-toggle="collapse">
-                                    <i class="ri-bar-chart-line"></i>
-                                    <span> Charts </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarCharts">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="charts-flot.html">Flot</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-apex.html">Apex</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-morris.html">Morris</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartjs.html">Chartjs</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-c3.html">C3</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-peity.html">Peity</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-chartist.html">Chartist</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-sparklines.html">Sparklines</a>
-                                        </li>
-                                        <li>
-                                            <a href="charts-knob.html">Jquery Knob</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMaps" data-toggle="collapse">
-                                    <i class="ri-map-pin-line"></i>
-                                    <span> Maps </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMaps">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="maps-google.html">Google</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-vector.html">Vector</a>
-                                        </li>
-                                        <li>
-                                            <a href="maps-mapael.html">Mapael</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-
-                            <li>
-                                <a href="#sidebarMultilevel" data-toggle="collapse">
-                                    <i class="ri-share-line"></i>
-                                    <span> Multi Level </span>
-                                    <span class="menu-arrow"></span>
-                                </a>
-                                <div class="collapse" id="sidebarMultilevel">
-                                    <ul class="nav-second-level">
-                                        <li>
-                                            <a href="#sidebarMultilevel2" data-toggle="collapse">
-                                                Second Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel2">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 2</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-
-                                        <li>
-                                            <a href="#sidebarMultilevel3" data-toggle="collapse">
-                                                Third Level <span class="menu-arrow"></span>
-                                            </a>
-                                            <div class="collapse" id="sidebarMultilevel3">
-                                                <ul class="nav-second-level">
-                                                    <li>
-                                                        <a href="javascript: void(0);">Item 1</a>
-                                                    </li>
-                                                    <li>
-                                                        <a href="#sidebarMultilevel4" data-toggle="collapse">
-                                                            Item 2 <span class="menu-arrow"></span>
-                                                        </a>
-                                                        <div class="collapse" id="sidebarMultilevel4">
-                                                            <ul class="nav-second-level">
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 1</a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="javascript: void(0);">Item 2</a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
-                                                    </li>
-                                                </ul>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </li>
-                        </ul>
-
-                    </div>
-                    <!-- End Sidebar -->
-
-                    <div class="clearfix"></div>
-
-                </div>
-                <!-- Sidebar -left -->
-
-            </div>
-            <!-- Left Sidebar End -->
-
-            <!-- ============================================================== -->
-            <!-- Start Page Content here -->
-            <!-- ============================================================== -->
-
-            <div class="content-page">
-                <div class="content">
-
-                    <!-- Topbar Start -->
-                    <div class="navbar-custom">
-                        <div class="container-fluid">
-    
-                            <ul class="list-unstyled topnav-menu float-right mb-0">
-
-                                <li class="d-none d-lg-block">
-                                    <form class="app-search">
-                                        <div class="app-search-box dropdown">
-                                            <div class="input-group">
-                                                <input type="search" class="form-control" placeholder="Search..." id="top-search">
-                                                <div class="input-group-append">
-                                                    <button class="btn" type="submit">
-                                                        <i class="fe-search"></i>
-                                                    </button>
-                                                </div>
-                                            </div>
-                                            <div class="dropdown-menu dropdown-lg" id="search-dropdown">
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h5 class="text-overflow mb-2 font-weight-medium">Found <span class="text-danger">09</span> results</h5>
-                                                </div>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-home mr-1"></i>
-                                                    <span>Analytics Report</span>
-                                                </a>
-            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-aperture mr-1"></i>
-                                                    <span>How can I help you?</span>
-                                                </a>
-                            
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                    <i class="fe-settings mr-1"></i>
-                                                    <span>User profile settings</span>
-                                                </a>
-
-                                                <!-- item-->
-                                                <div class="dropdown-header noti-title">
-                                                    <h6 class="text-overflow mb-2 text-uppercase font-weight-medium">Users</h6>
-                                                </div>
-
-                                                <div class="notification-list">
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-2.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Erwin E. Brown</h5>
-                                                                <span class="font-12 mb-0">UI Designer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-
-                                                    <!-- item-->
-                                                    <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                        <div class="media">
-                                                            <img class="d-flex mr-2 rounded-circle" src="../assets/images/users/avatar-5.jpg" alt="Generic placeholder image" height="32">
-                                                            <div class="media-body">
-                                                                <h5 class="m-0 font-14">Jacob Deo</h5>
-                                                                <span class="font-12 mb-0">Developer</span>
-                                                            </div>
-                                                        </div>
-                                                    </a>
-                                                </div>
-            
-                                            </div>  
-                                        </div>
-                                    </form>
-                                </li>
-    
-                                <li class="dropdown d-inline-block d-lg-none">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-search noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-                                        <form class="p-3">
-                                            <input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
-                                        </form>
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
-                                        <i class="fe-maximize noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-grid noti-icon"></i>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-lg dropdown-menu-right p-0">
-    
-                                        <div class="p-2">
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/github.png" alt="Github">
-                                                        <span>GitHub</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dribbble.png" alt="dribbble">
-                                                        <span>Dribbble</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/slack.png" alt="slack">
-                                                        <span>Slack</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-    
-                                            <div class="row no-gutters">
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/g-suite.png" alt="G Suite">
-                                                        <span>G Suite</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/bitbucket.png" alt="bitbucket">
-                                                        <span>Bitbucket</span>
-                                                    </a>
-                                                </div>
-                                                <div class="col">
-                                                    <a class="dropdown-icon-item" href="#">
-                                                        <img src="../assets/images/brands/dropbox.png" alt="dropbox">
-                                                        <span>Dropbox</span>
-                                                    </a>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown d-none d-lg-inline-block topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/flags/us.jpg" alt="user-image" height="14">
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right">
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/germany.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">German</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/italy.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Italian</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/spain.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Spanish</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <img src="../assets/images/flags/russia.jpg" alt="user-image" class="mr-1" height="12"> <span class="align-middle">Russian</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-            
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <i class="fe-bell noti-icon"></i>
-                                        <span class="badge badge-danger rounded-circle noti-icon-badge">5</span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right dropdown-lg">
-    
-                                        <!-- item-->
-                                        <div class="dropdown-item noti-title">
-                                            <h5 class="m-0">
-                                                <span class="float-right">
-                                                    <a href="" class="text-dark">
-                                                        <small>Clear All</small>
-                                                    </a>
-                                                </span>Notification
-                                            </h5>
-                                        </div>
-    
-                                        <div class="noti-scroll" data-simplebar>
-    
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
-                                                <div class="notify-icon bg-soft-primary text-primary">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Doug Dukes commented on Admin Dashboard
-                                                    <small class="text-muted">1 min ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Mario Drummond</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Hi, How are you? What about our next meeting</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
-                                                <p class="notify-details">Karen Robinson</p>
-                                                <p class="text-muted mb-0 user-msg">
-                                                    <small>Wow ! this admin looks good and awesome design</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-soft-warning text-warning">
-                                                    <i class="mdi mdi-account-plus"></i>
-                                                </div>
-                                                <p class="notify-details">New user registered.
-                                                    <small class="text-muted">5 hours ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-info">
-                                                    <i class="mdi mdi-comment-account-outline"></i>
-                                                </div>
-                                                <p class="notify-details">Caleb Flakelar commented on Admin
-                                                    <small class="text-muted">4 days ago</small>
-                                                </p>
-                                            </a>
-
-                                            <!-- item-->
-                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                                <div class="notify-icon bg-secondary">
-                                                    <i class="mdi mdi-heart"></i>
-                                                </div>
-                                                <p class="notify-details">Carlos Crouch liked
-                                                    <b>Admin</b>
-                                                    <small class="text-muted">13 days ago</small>
-                                                </p>
-                                            </a>
-                                        </div>
-    
-                                        <!-- All-->
-                                        <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
-                                            View all
-                                            <i class="fe-arrow-right"></i>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list topbar-dropdown">
-                                    <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        <img src="../assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
-                                        <span class="pro-user-name ml-1">
-                                            Nik Patel <i class="mdi mdi-chevron-down"></i> 
-                                        </span>
-                                    </a>
-                                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
-                                        <!-- item-->
-                                        <div class="dropdown-header noti-title">
-                                            <h6 class="text-overflow m-0">Welcome !</h6>
-                                        </div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-account-circle-line"></i>
-                                            <span>My Account</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-settings-3-line"></i>
-                                            <span>Settings</span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-wallet-line"></i>
-                                            <span>My Wallet <span class="badge badge-success float-right">3</span> </span>
-                                        </a>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-lock-line"></i>
-                                            <span>Lock Screen</span>
-                                        </a>
-
-                                        <div class="dropdown-divider"></div>
-
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
-                                            <i class="ri-logout-box-line"></i>
-                                            <span>Logout</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown notification-list">
-                                    <a href="javascript:void(0);" class="nav-link right-bar-toggle waves-effect waves-light">
-                                        <i class="fe-settings noti-icon"></i>
-                                    </a>
-                                </li>
-    
-                            </ul>
-
-                            <!-- LOGO -->
-                            <div class="logo-box">
-                                <a href="index.html" class="logo logo-dark text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm-dark.png" alt="" height="24">
-                                        <!-- <span class="logo-lg-text-light">Minton</span> -->
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-dark.png" alt="" height="20">
-                                        <!-- <span class="logo-lg-text-light">M</span> -->
-                                    </span>
-                                </a>
-
-                                <a href="index.html" class="logo logo-light text-center">
-                                    <span class="logo-sm">
-                                        <img src="../assets/images/logo-sm.png" alt="" height="24">
-                                    </span>
-                                    <span class="logo-lg">
-                                        <img src="../assets/images/logo-light.png" alt="" height="20">
-                                    </span>
-                                </a>
-                            </div>
-    
-                            <ul class="list-unstyled topnav-menu topnav-menu-left m-0">
-                                <li>
-                                    <button class="button-menu-mobile waves-effect waves-light">
-                                        <i class="fe-menu"></i>
-                                    </button>
-                                </li>
-
-                                <li>
-                                    <!-- Mobile menu toggle (Horizontal Layout)-->
-                                    <a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
-                                        <div class="lines">
-                                            <span></span>
-                                            <span></span>
-                                            <span></span>
-                                        </div>
-                                    </a>
-                                    <!-- End mobile menu toggle-->
-                                </li>   
-            
-                                <li class="dropdown d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Create New
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu">
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-briefcase mr-1"></i>
-                                            <span>New Projects</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-user mr-1"></i>
-                                            <span>Create Users</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-bar-chart-line- mr-1"></i>
-                                            <span>Revenue Report</span>
-                                        </a>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-settings mr-1"></i>
-                                            <span>Settings</span>
-                                        </a>
-    
-                                        <div class="dropdown-divider"></div>
-    
-                                        <!-- item-->
-                                        <a href="javascript:void(0);" class="dropdown-item">
-                                            <i class="fe-headphones mr-1"></i>
-                                            <span>Help & Support</span>
-                                        </a>
-    
-                                    </div>
-                                </li>
-    
-                                <li class="dropdown dropdown-mega d-none d-xl-block">
-                                    <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
-                                        Mega Menu
-                                        <i class="mdi mdi-chevron-down"></i> 
-                                    </a>
-                                    <div class="dropdown-menu dropdown-megamenu">
-                                        <div class="row">
-                                            <div class="col-sm-8">
-                            
-                                                <div class="row">
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">UI Components</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Widgets</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Nestable List</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Range Sliders</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Masonry Items</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Sweet Alerts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Treeview Page</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Tour Page</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Applications</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">eCommerce Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">CRM Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Calendar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Team Contacts</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Task Board</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Email Templates</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-    
-                                                    <div class="col-md-4">
-                                                        <h5 class="text-dark mt-0">Extra Pages</h5>
-                                                        <ul class="list-unstyled megamenu-list">
-                                                            <li>
-                                                                <a href="javascript:void(0);">Left Sidebar with User</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Menu Collapsed</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Small Left Sidebar</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">New Header Style</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Search Result</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Gallery Pages</a>
-                                                            </li>
-                                                            <li>
-                                                                <a href="javascript:void(0);">Maintenance & Coming Soon</a>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                            <div class="col-sm-4">
-                                                <div class="text-center mt-3">
-                                                    <h3 class="text-dark">Special Discount Sale!</h3>
-                                                    <h4>Save up to 70% off.</h4>
-                                                    <button class="btn btn-primary btn-rounded mt-3">Download Now</button>
-                                                </div>
-                                            </div>
-                                        </div>
-    
-                                    </div>
-                                </li>
-                            </ul>
-                            <div class="clearfix"></div>
-                        </div>
-                    </div>
-                    <!-- end Topbar -->
-
-                    <!-- Start Content-->
-                    <div class="container-fluid">
-                        
-                        <!-- start page title -->
-                        <div class="row">
-                            <div class="col-12">
-                                <div class="page-title-box page-title-box-alt">
-                                    <h4 class="page-title">Widgets</h4>
-                                    <div class="page-title-right">
-                                        <ol class="breadcrumb m-0">
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
-                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Admin UI</a></li>
-                                            <li class="breadcrumb-item active">Widgets</li>
-                                        </ol>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>     
-                        <!-- end page title --> 
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-simple text-center card">
-                                    <div class="card-body">
-                                        <h3 class="text-success mt-0"><span data-plugin="counterup">2562</span></h3>
-                                        <p class="text-muted mb-0">Total Sales today</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-simple text-center card">
-                                    <div class="card-body">
-                                        <h3 class="text-primary mt-0"><span data-plugin="counterup">5685</span></h3>
-                                        <p class="text-muted mb-0">Daily visitors</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-simple text-center card">
-                                    <div class="card-body">
-                                        <h3 class="text-pink mt-0">$ <span data-plugin="counterup">12480</span></h3>
-                                        <p class="text-muted mb-0">Total Earning</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-simple text-center card">
-                                    <div class="card-body">
-                                        <h3 class="text-purple mt-0"><span data-plugin="counterup">62</span></h3>
-                                        <p class="text-muted mb-0">Pending Orders</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-bg-color-icon card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg rounded-circle bg-icon-success">
-                                                <i class="mdi mdi-android-studio font-24 avatar-title"></i>
-                                            </div>
-                                            <div class="media-body text-right align-self-center">
-                                                <h3 class="mt-0"><span data-plugin="counterup">64,570</span></h3>
-                                                <p class="text-muted mb-0">Today's Visits</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-bg-color-icon card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg rounded-circle bg-icon-primary">
-                                                <i class="mdi mdi-amazon font-24 avatar-title"></i>
-                                            </div>
-                                            <div class="media-body text-right align-self-center">
-                                                <h3 class="mt-0"><span data-plugin="counterup">31,570</span></h3>
-                                                <p class="text-muted mb-0">Total Revenue</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-bg-color-icon card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg rounded-circle bg-icon-danger">
-                                                <i class="mdi mdi-apple font-24 avatar-title"></i>
-                                            </div>
-                                            <div class="media-body text-right align-self-center">
-                                                <h3 class="mt-0"><span data-plugin="counterup">280</span></h3>
-                                                <p class="text-muted mb-0">Today's Sales</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-bg-color-icon card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg rounded-circle bg-icon-purple">
-                                                <i class="mdi mdi-barley font-24 avatar-title"></i>
-                                            </div>
-                                            <div class="media-body text-right align-self-center">
-                                                <h3 class="mt-0"><span data-plugin="counterup">0.16</span>%</h3>
-                                                <p class="text-muted mb-0">Conversion</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-bg-color-icon card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg rounded-circle bg-icon-info">
-                                                <i class="mdi mdi-black-mesa font-24 avatar-title"></i>
-                                            </div>
-                                            <div class="media-body text-right align-self-center">
-                                                <h3 class="mt-0"><span data-plugin="counterup">23,570</span></h3>
-                                                <p class="text-muted mb-0">Today's Visits</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-bg-color-icon card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg rounded-circle bg-icon-warning">
-                                                <i class="mdi mdi-bullseye font-24 avatar-title"></i>
-                                            </div>
-                                            <div class="media-body text-right align-self-center">
-                                                <h3 class="mt-0"><span data-plugin="counterup">9,654</span></h3>
-                                                <p class="text-muted mb-0">Total Revenue</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-bg-color-icon card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg rounded-circle bg-icon-dark">
-                                                <i class="mdi mdi-cart font-24 avatar-title"></i>
-                                            </div>
-                                            <div class="media-body text-right align-self-center">
-                                                <h3 class="mt-0"><span data-plugin="counterup">965</span></h3>
-                                                <p class="text-muted mb-0">Today's Sales</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-bg-color-icon card">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg rounded-circle bg-icon-pink">
-                                                <i class="mdi mdi-clock font-24 avatar-title"></i>
-                                            </div>
-                                            <div class="media-body text-right align-self-center">
-                                                <h3 class="mt-0"><span data-plugin="counterup">0.65</span>%</h3>
-                                                <p class="text-muted mb-0">Conversion</p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Another action</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Something else</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Separated link</a>
-                                            </div>
-                                        </div>
-    
-                                        <h4 class="header-title mt-0">New Customers</h4>
-    
-                                        <div class="mt-3">
-                                            <div class="media">
-                                                <div dir="ltr">
-                                                    <input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#f05050 "
-                                                        data-bgColor="#F9B9B9" value="58"
-                                                        data-skin="tron" data-angleOffset="180" data-readOnly=true
-                                                        data-thickness=".15"/>
-                                                </div>
-                                                <div class="media-body text-right align-self-center">
-                                                    <h3 class="mt-0 mb-1"> 268 </h3>
-                                                    <p class="text-muted mb-0">Since last week</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Another action</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Something else</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Separated link</a>
-                                            </div>
-                                        </div>
-
-                                        <h4 class="header-title mt-0">Online Orders</h4>
-
-                                        <div class="mt-3">
-                                            <div class="media">
-                                                <div dir="ltr">
-                                                    <input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#675db7"
-                                                        data-bgColor="#e8e7f4" value="80"
-                                                        data-skin="tron" data-angleOffset="180" data-readOnly=true
-                                                        data-thickness=".15"/>
-                                                </div>
-                                                <div class="media-body text-right align-self-center">
-                                                    <h3 class="mt-0 mb-1"> 8715 </h3>
-                                                    <p class="text-muted mb-0">Since last month</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Another action</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Something else</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Separated link</a>
-                                            </div>
-                                        </div>
-
-                                        <h4 class="header-title mt-0">Revenue</h4>
-
-                                        <div class="mt-3">
-                                            <div class="media">
-                                                <div dir="ltr">
-                                                    <input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#23b397"
-                                                        data-bgColor="#c8ece5" value="77"
-                                                        data-skin="tron" data-angleOffset="180" data-readOnly=true
-                                                        data-thickness=".15"/>
-                                                </div>
-                                                <div class="media-body text-right align-self-center">
-                                                    <h3 class="mt-0 mb-1"> $925 </h3>
-                                                    <p class="text-muted mb-0">This week</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="dropdown float-right">
-                                            <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                <i class="mdi mdi-dots-horizontal"></i>
-                                            </a>
-                                            <div class="dropdown-menu dropdown-menu-right">
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Another action</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Something else</a>
-                                                <!-- item-->
-                                                <a href="javascript:void(0);" class="dropdown-item">Separated link</a>
-                                            </div>
-                                        </div>
-
-                                        <h4 class="header-title mt-0">Daily Average</h4>
-
-                                        <div class="mt-3">
-                                            <div class="media">
-                                                <div dir="ltr">
-                                                    <input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#ffbd4a"
-                                                    data-bgColor="#FFE6BA" value="35"
-                                                    data-skin="tron" data-angleOffset="180" data-readOnly=true
-                                                    data-thickness=".15"/>
-                                                </div>
-                                                <div class="media-body text-right align-self-center">
-                                                    <h3 class="mt-0 mb-1"> $78.58 </h3>
-                                                    <p class="text-muted mb-0">Revenue today</p>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Campaign Sent">Campaign Sent</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">865</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 5.27%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-primary rounded">
-                                                    <i class="ri-stack-line font-20 text-primary"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="New Leads">New Leads</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">384</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-danger mr-2"><span class="mdi mdi-arrow-down-bold"></span> 3.27%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-primary rounded">
-                                                    <i class="ri-slideshow-2-line font-20 text-primary"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Deals">Deals</h5>
-                                                <h3 class="my-2 py-1"><span data-plugin="counterup">34,521</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 8.58%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-primary rounded">
-                                                    <i class="ri-hand-heart-line font-20 text-primary"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card">
-                                    <div class="card-body">
-                                        <div class="d-flex justify-content-between">
-                                            <div>
-                                                <h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Booked Revenue">Booked Revenue</h5>
-                                                <h3 class="my-2 py-1">$<span data-plugin="counterup">89,357</span></h3>
-                                                <p class="mb-0 text-muted">
-                                                    <span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 34.61%</span>
-                                                    <span class="text-nowrap">Since last month</span>  
-                                                </p>
-                                            </div>
-                                            <div class="avatar-sm">
-                                                <span class="avatar-title bg-soft-primary rounded">
-                                                    <i class="ri-money-dollar-box-line font-20 text-primary"></i>
-                                                </span>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div><!-- end col -->
-                        </div>
-                        <!-- end row -->
-
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-rounded-circle card">
-                                    <div class="card-body">
-                                        <div class="row align-items-center">
-                                            <div class="col-auto">
-                                                <div class="avatar-lg">
-                                                    <img src="../assets/images/users/avatar-1.jpg" class="img-fluid rounded-circle" alt="user">
-                                                </div>
-                                            </div>
-                                            
-                                            <div class="col">
-                                                <h5 class="mt-0 mb-1">Chadengle</h5>
-                                                <p class="text-muted mb-2 font-13 text-truncate">coderthemes@gmail.com</p>
-                                                <small class="text-warning"><b>Admin</b></small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-rounded-circle card">
-                                    <div class="card-body">
-                                        <div class="row align-items-center">
-                                            <div class="col-auto">
-                                                <div class="avatar-lg">
-                                                    <img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="user">
-                                                </div>
-                                            </div>
-                                            <div class="col">
-                                                <h5 class="mt-0 mb-1">Tomaslau</h5>
-                                                <p class="text-muted mb-2 font-13 text-truncate">coderthemes@gmail.com</p>
-                                                <small class="text-success"><b>User</b></small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-rounded-circle card">
-                                    <div class="card-body">
-                                        <div class="row align-items-center">
-                                            <div class="col-auto">
-                                                <div class="avatar-lg">
-                                                    <img src="../assets/images/users/avatar-3.jpg" class="img-fluid rounded-circle" alt="user">
-                                                </div>
-                                            </div>
-                                            <div class="col">
-                                                <h5 class="mt-0 mb-1">Stillnotdavid</h5>
-                                                <p class="text-muted mb-2 font-13 text-truncate">coderthemes@gmail.com</p>
-                                                <small class="text-pink"><b>Admin</b></small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="widget-rounded-circle card">
-                                    <div class="card-body">
-                                        <div class="row align-items-center">
-                                            <div class="col-auto">
-                                                <div class="avatar-lg">
-                                                    <img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="user">
-                                                </div>
-                                            </div>
-                                            <div class="col">
-                                                <h5 class="mt-0 mb-1">Arashasghari</h5>
-                                                <p class="text-muted mb-2 font-13 text-truncate">coderthemes@gmail.com</p>
-                                                <small class="text-info"><b>User</b></small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- end row -->
-
-                        <div class="row">
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card widget-icon">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg">
-                                                <i class="mdi mdi-coffee text-primary avatar-title display-4 m-0"></i>
-                                            </div>
-                                            <div class="wid-icon-info media-body text-right">
-                                                <p class="text-muted mb-1 font-13 text-uppercase">New User</p>
-                                                <h4 class="mb-1 counter">8541</h4>
-                                                <small class="text-success"><b>39% Up</b></small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card widget-icon">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg">
-                                                <i class="mdi mdi-contrast-circle text-warning avatar-title display-4 m-0"></i>
-                                            </div>
-                                            <div class="wid-icon-info media-body text-right">
-                                                <p class="text-muted mb-1 font-13 text-uppercase">New Orders</p>
-                                                <h4 class="mb-1 counter">6521</h4>
-                                                <small class="text-danger"><b>56% Down</b></small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card widget-icon">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg">
-                                                <i class="mdi mdi-crown text-success avatar-title display-4 m-0"></i>
-                                            </div>
-                                            <div class="wid-icon-info media-body text-right">
-                                                <p class="text-muted mb-1 font-13 text-uppercase">Bug Reports</p>
-                                                <h4 class="mb-1 counter">1452</h4>
-                                                <small class="text-info"><b>0%</b></small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-xl-3 col-md-6">
-                                <div class="card widget-icon">
-                                    <div class="card-body">
-                                        <div class="media">
-                                            <div class="avatar-lg">
-                                                <i class="mdi mdi-download text-pink avatar-title display-4 m-0"></i>
-                                            </div>
-                                            <div class="wid-icon-info media-body text-right">
-                                                <p class="text-muted mb-1 font-13 text-uppercase">Total Downloads</p>
-                                                <h4 class="mb-1 counter">562</h4>
-                                                <small class="text-success"><b>39% Up</b></small>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                        </div>
-                        <!-- end row -->
-
-
-                        <!-- WEATHER -->
-                        <div class="row">
-
-                            <div class="col-xl-6">
-
-                                <!-- BEGIN WEATHER WIDGET 1 -->
-                                <div class="card bg-info border-info">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-md-7">
-                                                <div class="row align-items-center">
-                                                    <div class="col-6 text-center">
-                                                        <h1 class="display-4"><i class="wi wi-day-sleet text-white"></i></h1>
-                                                    </div>
-                                                    <div class="col-6">
-                                                        <div class="text-white">
-                                                            <h2 class="text-white"><b>32°</b></h2>
-                                                            <p>Partly cloudy</p>
-                                                            <p class=" mb-0">15km/h - 37%</p>
-                                                        </div>
-                                                    </div>
-                                                </div><!-- End row -->
-                                            </div>
-                                            <div class="col-md-5">
-                                                <div class="row">
-                                                    <div class="col-4 text-center">
-                                                        <h4 class="text-white mt-0">SAT</h4>
-                                                        <h3 class="my-3"><i class="wi wi-night-alt-cloudy text-white"></i></h3>
-                                                        <h4 class="text-white mb-0">30<i class="wi wi-degrees"></i></h4>
-                                                    </div>
-                                                    <div class="col-4 text-center">
-                                                        <h4 class="text-white mt-0">SUN</h4>
-                                                        <h3 class="my-3"><i class="wi wi-day-sprinkle text-white"></i></h3>
-                                                        <h4 class="text-white mb-0">28<i class="wi wi-degrees"></i></h4>
-                                                    </div>
-                                                    <div class="col-4 text-center">
-                                                        <h4 class="text-white mt-0">MON</h4>
-                                                        <h3 class="my-3"><i class="wi wi-hot text-white"></i></h3>
-                                                        <h4 class="text-white mb-0">33<i class="wi wi-degrees"></i></h4>
-                                                    </div>
-                                                </div><!-- end row -->
-                                            </div>
-                                        </div><!-- end row -->
-                                    </div>
-                                </div><!-- cardbox -->
-                                <!-- END Weather WIDGET 1 -->
-
-                            </div><!-- End col-xl-6 -->
-
-                            <div class="col-xl-6">
-
-                                <!-- WEATHER WIDGET 2 -->
-                                <div class="card bg-success border-success">
-                                    <div class="card-body">
-                                        <div class="row">
-                                            <div class="col-md-7">
-                                                <div class="row align-items-center">
-                                                    <div class="col-6 text-center">
-                                                        <h1 class="display-4"><i class="wi wi-night-sprinkle text-white"></i></h1>
-                                                    </div>
-                                                    <div class="col-6">
-                                                        <div class="text-white">
-                                                            <h2 class="text-white"><b>18°</b></h2>
-                                                            <p>Partly cloudy</p>
-                                                            <p class=" mb-0">15km/h - 37%</p>
-                                                        </div>
-                                                    </div>
-                                                </div><!-- End row -->
-                                            </div>
-                                            <div class="col-md-5">
-                                                <div class="row">
-                                                    <div class="col-4 text-center">
-                                                        <h4 class="text-white mt-0">SAT</h4>
-                                                        <h3 class="my-3"><i class="wi wi-day-sprinkle text-white"></i></h3>
-                                                        <h4 class="text-white mb-0">30<i class="wi wi-degrees"></i></h4>
-                                                    </div>
-                                                    <div class="col-4 text-center">
-                                                        <h4 class="text-white mt-0">SUN</h4>
-                                                        <h3 class="my-3"><i class="wi wi-storm-showers text-white"></i></h3>
-                                                        <h4 class="text-white mb-0">28<i class="wi wi-degrees"></i></h4>
-                                                    </div>
-                                                    <div class="col-4 text-center">
-                                                        <h4 class="text-white mt-0">MON</h4>
-                                                        <h3 class="my-3"><i class="wi wi-night-alt-cloudy text-white"></i></h3>
-                                                        <h4 class="text-white mb-0">33<i class="wi wi-degrees"></i></h4>
-                                                    </div>
-                                                </div><!-- end row -->
-                                            </div>
-                                        </div><!-- end row -->
-                                    </div>
-                                </div><!-- card-box -->
-                                <!-- END WEATHER WIDGET 2 -->
-
-                            </div><!-- /.col-xl-6 -->
-                        </div> <!-- End row -->
-
-                        
-                        <div class="row">
-                            <div class="col-12">
-                                <h4 class="mb-3">Chart Widgets</h4>
-
-                                <div class="row">
-                                    <div class="col-xl-4">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <h4 class="header-title mb-3">Total Revenue</h4>
-        
-                                                <div class="widget-chart text-center">
-                                                    <div id="sparkline1" data-colors="#3bafda,#1abc9c"></div>
-                                                    <div class="row mt-3">
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                            <h4>$1000</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                            <h4>$523</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                            <h4>$965</h4>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-        
-                                    </div>
-        
-                                    <div class="col-xl-4">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <h4 class="header-title mb-3">Sales Status</h4>
-        
-                                                <div class="widget-chart text-center">
-                                                    <div id="sparkline2" data-colors="#3bafda" class="text-center"></div>
-                                                    <div class="row mt-3">
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                            <h4>$825</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                            <h4>$423</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                            <h4>$806</h4>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-        
-                                    </div>
-        
-                                    <div class="col-xl-4">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <h4 class="header-title mb-3">Recent Users</h4>
-        
-                                                <div class="widget-chart text-center">
-                                                    <div id="sparkline3" data-colors="#e3eaef,#3bafda,#1abc9c,#f1556c" class="text-center"></div>
-                                                    <div class="row mt-3">
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                            <h4>$982</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                            <h4>$525</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                            <h4>$937</h4>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-        
-                                    </div>
-        
-                                </div>
-        
-        
-                                <div class="row">
-                                    <div class="col-xl-4">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <h4 class="header-title mb-3">Total Revenue</h4>
-        
-                                                <div class="widget-chart text-center">
-                                                    <div id="sparkline4" data-colors="#f672a7,#3bafda" class="text-center"></div>
-                                                    <div class="row mt-3">
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                            <h4>$943</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                            <h4>$624</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                            <h4>$904</h4>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-        
-                                    </div>
-        
-                                    <div class="col-xl-4">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <h4 class="header-title mb-3">Sales Status</h4>
-        
-                                                <div class="widget-chart text-center">
-                                                    <div id="sparkline5" data-colors="#3bafda" class="text-center"></div>
-        
-                                                    <div class="row mt-3">
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                            <h4>$1022</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                            <h4>$538</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                            <h4>$988</h4>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-        
-                                    </div>
-        
-                                    <div class="col-xl-4">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <h4 class="header-title mb-3">Recent Users</h4>
-        
-                                                <div class="widget-chart text-center">
-                                                    <div id="sparkline6" data-colors="#f1556c,#1abc9c" class="text-center"></div>
-                                                    <div class="row mt-3">
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Target</p>
-                                                            <h4>$1022</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last week</p>
-                                                            <h4>$538</h4>
-                                                        </div>
-                                                        <div class="col-4">
-                                                            <p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
-                                                            <h4>$988</h4>
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-        
-                                    </div>
-        
-                                </div>
-                                <!-- end row -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        
-                        <div class="row">
-                            <div class="col-12">
-                                <h4 class="mb-3">Other Widgets</h4>
-
-                                <div class="row">
-                                    <!-- INBOX -->
-                                    <div class="col-xl-4">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <div class="dropdown float-right">
-                                                    <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                        <i class="mdi mdi-dots-vertical"></i>
-                                                    </a>
-                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                    </div>
-                                                </div>
-                                                <h4 class="header-title mb-3">Inbox</h4>
-            
-                                                <div class="inbox-widget" data-simplebar style="max-height: 407px;">
-                                                    <div class="inbox-item">
-                                                        <div class="inbox-item-img"><img src="../assets/images/users/avatar-2.jpg" class="rounded-circle" alt=""></div>
-                                                        <p class="inbox-item-author">Tomaslau</p>
-                                                        <p class="inbox-item-text">I've finished it! See you so...</p>
-                                                        <p class="inbox-item-date">
-                                                            <a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
-                                                        </p>
-                                                    </div>
-                                                    <div class="inbox-item">
-                                                        <div class="inbox-item-img"><img src="../assets/images/users/avatar-3.jpg" class="rounded-circle" alt=""></div>
-                                                        <p class="inbox-item-author">Stillnotdavid</p>
-                                                        <p class="inbox-item-text">This theme is awesome!</p>
-                                                        <p class="inbox-item-date">
-                                                            <a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
-                                                        </p>
-                                                    </div>
-                                                    <div class="inbox-item">
-                                                        <div class="inbox-item-img"><img src="../assets/images/users/avatar-4.jpg" class="rounded-circle" alt=""></div>
-                                                        <p class="inbox-item-author">Kurafire</p>
-                                                        <p class="inbox-item-text">Nice to meet you</p>
-                                                        <p class="inbox-item-date">
-                                                            <a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
-                                                        </p>
-                                                    </div>
-            
-                                                    <div class="inbox-item">
-                                                        <div class="inbox-item-img"><img src="../assets/images/users/avatar-5.jpg" class="rounded-circle" alt=""></div>
-                                                        <p class="inbox-item-author">Shahedk</p>
-                                                        <p class="inbox-item-text">Hey! there I'm available...</p>
-                                                        <p class="inbox-item-date">
-                                                            <a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
-                                                        </p>
-                                                    </div>
-                                                    <div class="inbox-item">
-                                                        <div class="inbox-item-img"><img src="../assets/images/users/avatar-6.jpg" class="rounded-circle" alt=""></div>
-                                                        <p class="inbox-item-author">Adhamdannaway</p>
-                                                        <p class="inbox-item-text">This theme is awesome!</p>
-                                                        <p class="inbox-item-date">
-                                                            <a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
-                                                        </p>
-                                                    </div>
-            
-                                                    <div class="inbox-item">
-                                                        <div class="inbox-item-img"><img src="../assets/images/users/avatar-3.jpg" class="rounded-circle" alt=""></div>
-                                                        <p class="inbox-item-author">Stillnotdavid</p>
-                                                        <p class="inbox-item-text">This theme is awesome!</p>
-                                                        <p class="inbox-item-date">
-                                                            <a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
-                                                        </p>
-                                                    </div>
-                                                    <div class="inbox-item">
-                                                        <div class="inbox-item-img"><img src="../assets/images/users/avatar-4.jpg" class="rounded-circle" alt=""></div>
-                                                        <p class="inbox-item-author">Kurafire</p>
-                                                        <p class="inbox-item-text">Nice to meet you</p>
-                                                        <p class="inbox-item-date">
-                                                            <a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
-                                                        </p>
-                                                    </div>
-                                                </div> <!-- end inbox-widget -->
-                                            </div>
-                                        </div> <!-- end card -->
-                                    </div> <!-- end col -->
-        
-                                    <!-- CHAT -->
-                                    <div class="col-xl-4">
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <div class="dropdown float-right">
-                                                    <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                        <i class="mdi mdi-dots-vertical"></i>
-                                                    </a>
-                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                    </div>
-                                                </div>
-                                                <h4 class="header-title mb-3">Chat</h4>
-        
-                                                <div class="chat-conversation">
-                                                    <div data-simplebar style="height: 370px;">
-                                                        <ul class="conversation-list">
-                                                            <li class="clearfix">
-                                                                <div class="chat-avatar">
-                                                                    <img src="../assets/images/users/avatar-5.jpg" alt="male">
-                                                                    <i>10:00</i>
-                                                                </div>
-                                                                <div class="conversation-text">
-                                                                    <div class="ctext-wrap">
-                                                                        <i>Smith</i>
-                                                                        <p>
-                                                                            Hello!
-                                                                        </p>
-                                                                    </div>
-                                                                </div>
-                                                            </li>
-                                                            <li class="clearfix odd">
-                                                                <div class="chat-avatar">
-                                                                    <img src="../assets/images/users/avatar-1.jpg" alt="Female">
-                                                                    <i>10:01</i>
-                                                                </div>
-                                                                <div class="conversation-text">
-                                                                    <div class="ctext-wrap">
-                                                                        <i>Nik</i>
-                                                                        <p>
-                                                                            Hi, How are you? What about our next meeting?
-                                                                        </p>
-                                                                    </div>
-                                                                </div>
-                                                            </li>
-                                                            <li class="clearfix">
-                                                                <div class="chat-avatar">
-                                                                    <img src="../assets/images/users/avatar-5.jpg" alt="male">
-                                                                    <i>10:01</i>
-                                                                </div>
-                                                                <div class="conversation-text">
-                                                                    <div class="ctext-wrap">
-                                                                        <i>Smith</i>
-                                                                        <p>
-                                                                            Yeah everything is fine
-                                                                        </p>
-                                                                    </div>
-                                                                </div>
-                                                            </li>
-                                                            <li class="clearfix odd">
-                                                                <div class="chat-avatar">
-                                                                    <img src="../assets/images/users/avatar-1.jpg" alt="male">
-                                                                    <i>10:02</i>
-                                                                </div>
-                                                                <div class="conversation-text">
-                                                                    <div class="ctext-wrap">
-                                                                        <i>Nik</i>
-                                                                        <p>
-                                                                            Wow that's great
-                                                                        </p>
-                                                                    </div>
-                                                                </div>
-                                                            </li>
-                                                        </ul>
-                                                    </div>
-                                                    <form class="needs-validation" novalidate name="chat-form" id="chat-form">
-                                                        <div class="row">
-                                                            <div class="col">
-                                                                <input type="text" class="form-control chat-input" placeholder="Enter your text" required>
-                                                                <div class="invalid-feedback">
-                                                                    Please enter your messsage
-                                                                </div>
-                                                            </div>
-                                                            <div class="col-auto">
-                                                                <button type="submit" class="btn btn-primary chat-send width-sm waves-effect waves-light">Send</button>
-                                                            </div>
-                                                        </div>
-                                                    </form>
-        
-                                                </div> <!-- end .chat-conversation-->
-                                            </div>
-                                        </div> <!-- end card-->
-                                    </div> <!-- end col-->
-        
-                                    <!-- Todos app -->
-                                    <div class="col-xl-4">
-                                        <!-- Todo-->
-                                        <div class="card">
-                                            <div class="card-body">
-                                                <div class="dropdown float-right">
-                                                    <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
-                                                        <i class="mdi mdi-dots-vertical"></i>
-                                                    </a>
-                                                    <div class="dropdown-menu dropdown-menu-right">
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Settings</a>
-                                                        <!-- item-->
-                                                        <a href="javascript:void(0);" class="dropdown-item">Action</a>
-                                                    </div>
-                                                </div>
-                                                <h4 class="header-title mb-3">Todo</h4>
-        
-                                                <div class="todoapp">
-                                                    <div class="row">
-                                                        <div class="col">
-                                                            <h5 id="todo-message"><span id="todo-remaining"></span> of <span id="todo-total"></span> remaining</h5>
-                                                        </div>
-                                                        <div class="col-auto">
-                                                            <a href="" class="float-right btn btn-light btn-sm" id="btn-archive">Archive</a>
-                                                        </div>
-                                                    </div>
-        
-                                                    <div style="max-height: 310px;" data-simplebar>
-                                                        <ul class="list-group list-group-flush todo-list" id="todo-list"></ul>
-                                                    </div>
-        
-                                                    <form name="todo-form" id="todo-form" class="needs-validation mt-3" novalidate>
-                                                        <div class="row">
-                                                            <div class="col">
-                                                                <input type="text" id="todo-input-text" name="todo-input-text" class="form-control" 
-                                                                    placeholder="Add new todo" required>
-                                                                <div class="invalid-feedback">
-                                                                    Please enter your task name
-                                                                </div>
-                                                            </div>
-                                                            <div class="col-auto">
-                                                                <button class="btn btn-primary btn-md btn-block width-sm waves-effect waves-light" type="submit" id="todo-btn-submit">Add</button>
-                                                            </div>
-                                                        </div>
-                                                    </form>
-                                                </div> <!-- end .todoapp-->
-        
-                                            </div> <!-- end card-body -->
-                                        </div> <!-- end card-->
-                                    </div> <!-- end col -->
-                                </div> <!-- end row -->
-                            </div> <!-- end col-->
-                        </div>
-                        <!-- end row -->
-
-                        
-                        
-                    </div> <!-- container -->
-
-                </div> <!-- content -->
-
-                <!-- Footer Start -->
-                <footer class="footer">
-                    <div class="container-fluid">
-                        <div class="row">
-                            <div class="col-md-6">
-                                <script>document.write(new Date().getFullYear())</script> &copy; Minton theme by <a href="">Coderthemes</a> 
-                            </div>
-                            <div class="col-md-6">
-                                <div class="text-md-right footer-links d-none d-sm-block">
-                                    <a href="javascript:void(0);">About Us</a>
-                                    <a href="javascript:void(0);">Help</a>
-                                    <a href="javascript:void(0);">Contact Us</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </footer>
-                <!-- end Footer -->
-
-            </div>
-
-            <!-- ============================================================== -->
-            <!-- End Page content -->
-            <!-- ============================================================== -->
-
-
-        </div>
-        <!-- END wrapper -->
-
-        <!-- Right Sidebar -->
-        <div class="right-bar">
-            <div data-simplebar class="h-100">
-    
-                <!-- Nav tabs -->
-                <ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#chat-tab" role="tab">
-                            <i class="mdi mdi-message-text-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2" data-toggle="tab" href="#tasks-tab" role="tab">
-                            <i class="mdi mdi-format-list-checkbox d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link py-2 active" data-toggle="tab" href="#settings-tab" role="tab">
-                            <i class="mdi mdi-cog-outline d-block font-22 my-1"></i>
-                        </a>
-                    </li>
-                </ul>
-
-                <!-- Tab panes -->
-                <div class="tab-content pt-0">
-                    <div class="tab-pane" id="chat-tab" role="tabpanel">
-                
-                        <form class="search-bar p-3">
-                            <div class="position-relative">
-                                <input type="text" class="form-control" placeholder="Search...">
-                                <span class="mdi mdi-magnify"></span>
-                            </div>
-                        </form>
-
-                        <h6 class="font-weight-medium px-3 mt-2 text-uppercase">Group Chats</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-success"></i>
-                                <span class="mb-0 mt-1">App Development</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-warning"></i>
-                                <span class="mb-0 mt-1">Office Work</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 mb-2 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1 text-danger"></i>
-                                <span class="mb-0 mt-1">Personal Group</span>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item pl-3 d-block">
-                                <i class="mdi mdi-checkbox-blank-circle-outline mr-1"></i>
-                                <span class="mb-0 mt-1">Freelance</span>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Favourites <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-10.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Andrew Mackie</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status"></span>
-                                        <img src="../assets/images/users/avatar-1.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Rory Dalyell</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To an English person, it will seem like simplified</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-9.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jaxon Dunhill</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">To achieve this, it would be necessary.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mt-3 text-uppercase">Other Chats <a href="javascript: void(0);" class="font-18 text-danger"><i class="float-right mdi mdi-plus-circle"></i></a></h6>
-
-                        <div class="p-2 pb-4">
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-2.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Jackson Therry</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">Everyone realizes why a new common language.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-4.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Charles Deakin</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The languages only differ in their grammar.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-5.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Ryan Salting</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">If several languages coalesce the grammar of the resulting.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status online"></span>
-                                        <img src="../assets/images/users/avatar-6.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Sean Howse</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">It will seem like simplified English.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status busy"></span>
-                                        <img src="../assets/images/users/avatar-7.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Dean Coward</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">The new common language will be more simple.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset notification-item">
-                                <div class="media">
-                                    <div class="position-relative mr-2">
-                                        <span class="user-status away"></span>
-                                        <img src="../assets/images/users/avatar-8.jpg" class="rounded-circle avatar-sm" alt="user-pic">
-                                    </div>
-                                    <div class="media-body overflow-hidden">
-                                        <h6 class="mt-0 mb-1 font-14">Hayley East</h6>
-                                        <div class="font-13 text-muted">
-                                            <p class="mb-0 text-truncate">One could refuse to pay expensive translators.</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </a>
-
-                            <div class="text-center mt-3">
-                                <a href="javascript:void(0);" class="btn btn-sm btn-white">
-                                    <i class="mdi mdi-spin mdi-loading mr-2"></i>
-                                    Load more
-                                </a>
-                            </div>
-                        </div>
-
-                    </div>
-
-                    <div class="tab-pane" id="tasks-tab" role="tabpanel">
-                        <h6 class="font-weight-medium p-3 m-0 text-uppercase">Working Tasks</h6>
-                        <div class="px-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">App Development<span class="float-right">75%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Database Repair<span class="float-right">37%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-info" role="progressbar" style="width: 37%" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Backup Create<span class="float-right">52%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-warning" role="progressbar" style="width: 52%" aria-valuenow="52" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <h6 class="font-weight-medium px-3 mb-0 mt-4 text-uppercase">Upcoming Tasks</h6>
-
-                        <div class="p-2">
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Sales Reporting<span class="float-right">12%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-danger" role="progressbar" style="width: 12%" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">Redesign Website<span class="float-right">67%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-primary" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-
-                            <a href="javascript: void(0);" class="text-reset item-hovered d-block p-2">
-                                <p class="text-muted mb-0">New Admin Design<span class="float-right">84%</span></p>
-                                <div class="progress mt-2" style="height: 4px;">
-                                    <div class="progress-bar bg-success" role="progressbar" style="width: 84%" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100"></div>
-                                </div>
-                            </a>
-                        </div>
-
-                        <div class="p-3 mt-2">
-                            <a href="javascript: void(0);" class="btn btn-success btn-block waves-effect waves-light">Create Task</a>
-                        </div>
-
-                    </div>
-                    <div class="tab-pane active" id="settings-tab" role="tabpanel">
-                        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light">
-                            <span class="d-block py-1">Theme Settings</span>
-                        </h6>
-
-                        <div class="p-3">
-                            <div class="alert alert-warning" role="alert">
-                                <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
-                            </div>
-
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Color Scheme</h6>
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="light"
-                                    id="light-mode-check" checked />
-                                <label class="custom-control-label" for="light-mode-check">Light Mode</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="color-scheme-mode" value="dark"
-                                    id="dark-mode-check" />
-                                <label class="custom-control-label" for="dark-mode-check">Dark Mode</label>
-                            </div>
-
-                            <!-- Topbar -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Topbar</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="dark" id="darktopbar-check"
-                                    checked />
-                                <label class="custom-control-label" for="darktopbar-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="topbar-color" value="light" id="lighttopbar-check" />
-                                <label class="custom-control-label" for="lighttopbar-check">Light</label>
-                            </div>
-
-                            <!-- Left Sidebar-->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Color</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="light" id="light-check" checked />
-                                <label class="custom-control-label" for="light-check">Light</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="dark" id="dark-check" />
-                                <label class="custom-control-label" for="dark-check">Dark</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="brand" id="brand-check" />
-                                <label class="custom-control-label" for="brand-check">Brand</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-3">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-color" value="gradient" id="gradient-check" />
-                                <label class="custom-control-label" for="gradient-check">Gradient</label>
-                            </div>
-
-                            <!-- size -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Left Sidebar Size</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="default"
-                                    id="default-size-check" checked />
-                                <label class="custom-control-label" for="default-size-check">Default</label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="condensed"
-                                    id="condensed-check" />
-                                <label class="custom-control-label" for="condensed-check">Condensed <small>(Extra Small size)</small></label>
-                            </div>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="radio" class="custom-control-input" name="leftsidebar-size" value="compact"
-                                    id="compact-check" />
-                                <label class="custom-control-label" for="compact-check">Compact <small>(Small size)</small></label>
-                            </div>
-
-                            <!-- User info -->
-                            <h6 class="font-weight-medium font-14 mt-4 mb-2 pb-1">Sidebar User Info</h6>
-
-                            <div class="custom-control custom-switch mb-1">
-                                <input type="checkbox" class="custom-control-input" name="leftsidebar-user" value="fixed" id="sidebaruser-check" />
-                                <label class="custom-control-label" for="sidebaruser-check">Enable</label>
-                            </div>
-
-
-                            <button class="btn btn-primary btn-block mt-4" id="resetBtn">Reset to Default</button>
-
-                            <a href="https://wrapbootstrap.com/theme/minton-admin-dashboard-landing-template-WB0858DB6?ref=coderthemes"
-                                class="btn btn-danger btn-block mt-2" target="_blank"><i class="mdi mdi-basket mr-1"></i> Purchase Now</a>
-
-                        </div>
-
-                    </div>
-                </div>
-
-            </div> <!-- end slimscroll-menu-->
-        </div>
-        <!-- /Right-bar -->
-
-        <!-- Right bar overlay-->
-        <div class="rightbar-overlay"></div>
-
-        <!-- Vendor js -->
-        <script src="../assets/js/vendor.min.js"></script>
-
-        <!-- Plugins js -->
-        <script src="../assets/libs/jquery-knob/jquery.knob.min.js"></script>
-        <script src="../assets/libs/jquery-sparkline/jquery.sparkline.min.js"></script>
-        <script src="../assets/libs/moment/min/moment.min.js"></script>
-        <script src="../assets/libs/jquery.scrollto/jquery.scrollTo.min.js"></script>
-        <script src="../assets/libs/sweetalert2/sweetalert2.min.js"></script>
-
-        <!-- Chat js -->
-        <script src="../assets/js/pages/jquery.chat.js"></script>
-
-        <!-- TODO js-->
-        <script src="../assets/js/pages/jquery.todo.js"></script>
-
-        <!-- Widgets demo js-->
-        <script src="../assets/js/pages/widgets.init.js"></script>
-
-        <!-- App js -->
-        <script src="../assets/js/app.min.js"></script>
-        
-    </body>
-</html>
\ No newline at end of file